animate.css修改動畫執行時間

只需要在animate.css的開頭找到.animated{ }進行修改即可:

.animated {
    -webkit-animation-duration: 1s; 
    animation-duration: 2s; // 動畫執行時間
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

但其實有更好的方法,只需在要執行動畫的div設置stye:

<div style="animation-duration: 500ms"></div>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章