Home / 架站資源 / Animate.css:為你網站增添動畫特效

Animate.css:為你網站增添動畫特效

CSS3出現以後,讓網頁增添不少效果,今天要跟大家分享animate.css,包含的效果有 淡出、淡入等。Animate.css

下載網址: http://daneden.github.io/animate.css/

作者: Daniel Eden

 

步驟一:到Animate.css的官網上下載

 

步驟二:引用Animate.css

把Animate.css放入css資料夾裡頭

 

在head裡頭載入

<link rel="stylesheet" href="css/animate.css">

 

在想要用的地方,套用不同類別,例如:bounce、flash、pulse、shake

<h1 class="animated swing">我愛animate.css</h1>

 

也可以使用jquery,在觸發時使用動畫效果

$('#Element').addClass('animated bounceInLeft');

 

這邊跟大家分享一下!!最近學弟做的範例就是有用animate.css喔!

網址: http://iot.ntueedu.com/

 

 

About RaiseDigital

RaiseDigital上升數位 官方網站 | 粉絲團