久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

13
2017/01

animate.css是什么,該如何使用

發(fā)布時間:2017-01-13 15:05:35
發(fā)布者:369563174
瀏覽量:
0

animate.css是一個css3動畫庫,里面預(yù)設(shè)了很多種常用的動畫,使用簡單,因為它是把不同的動畫寫到了不同的類里,所以我們想要使用哪種動畫的時候,只需要簡單的類添加到元素上就行了:

1、首先引入animate css文件

百度cdn:

2、給指定的元素加上指定的動畫樣式名

這里包括兩個class名,第一個是必須添加的樣式名,任何想實現(xiàn)的元素都得添加這個。第二個是指定的動畫樣式名。比如我們官方網(wǎng)站頭部就引用了這個動畫:

    圖片1.png

    3、如果說想給某個元素動態(tài)添加動畫樣式,可以通過jquery追加class來實現(xiàn),同樣animated是必帶,第二個是動畫:

    $('#yourElement').addClass('animated bounceOutLeft');

    4、你可以更改動畫默認(rèn)持續(xù)的時間:animate-duration: 1s; 動畫延遲時間:animate-delay: 1s; 動畫執(zhí)行次數(shù):animate-iteration-count: 1;

      設(shè)置完以上的內(nèi)容這個動畫就可以執(zhí)行了,他的動畫效果非常多,具體可以去他的演示網(wǎng)站參考。

    關(guān)鍵詞:
    返回列表