今天給大家介紹一下animate動畫庫,我們可以自己寫一點(diǎn)簡單的動畫效果,比如飛入,淡入淡出之類的,但要實現(xiàn)復(fù)雜的動畫不如直接用動畫庫,動畫庫的動畫怎么使用呢?接下來我們帶領(lǐng)大家看一下。
首先來到animate官網(wǎng),引入animate的css文件。
如果各位不想要本地引入,可以直接引入線上的資源,
然后我們給指定元素添加animate這個類名,這個類名是固定的,后面跟的是動畫的樣式,那么我們動畫的樣式去哪兒看呢?
點(diǎn)擊頭部在線演示,點(diǎn)擊動畫名字就能查看動畫效果了。
我們可以通過jq給頁面中元素添加類名
具體大家可以看這篇文章,博主轉(zhuǎn)載的很詳細(xì)了。
當(dāng)我們添加類名后如果發(fā)現(xiàn)動畫效果沒有,請去css中檢查,動畫名有的已經(jīng)發(fā)生改變。
比如fadeIn。
上一篇: 利用jq和陰影做出消失效果