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