編碼的世界 / 優質文選 / 生涯

animate.css修改動畫執行時間


2021年8月27日
-   

只需要在animate.css的開頭找到.animated{ }進行修改即可:
.animated {
-webkit-animation-duration: 1s;
animation-duration: 2s; // 動畫執行時間
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
T

但其實有更好的方法,只需在要執行動畫的div設置stye:
<div style="animation-duration: 500ms"></div>
T