animate.css是什麼意思

「animate.css」是一個使用css3中animation製作動畫效果集合的意思；「animate.css」中預設了許多常用的動畫，適合快速使用，同時也方便進行按需修改，語法為「90936b5800b41ae03db5e87947faca44」。

animate.css是什麼意思

本教學操作環境：windows10系統、CSS3&&HTML5版本、Dell G3電腦。

animate.css是一個使用CSS3的animation製作的動畫效果的CSS集合，裡面預設了很多種常用的動畫，且使用非常簡單。本文將詳細介紹animate.css的使用

Animate.css是一款簡單高效的css庫，裡面封裝了若干種簡單的常見動畫，適合快速使用，同時也方便進行按需修改。

匯入檔案

<head>
<link rel="stylesheet" href="animate.min.css">
</head>

<div class="animated bounce"></div>

animated，每個應用animate.css效果的元素都必須添加這個類別名稱；

bounce，選擇你想要的效果的類別名稱添加即可。

$(&#39;#element&#39;).addClass(&#39;animated bounce&#39;);

$(&#39;#element&#39;).one(&#39;webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend 
animationend&#39;, function);

#注意

當效果執行完，元素還在文件流程中佔據著空間（即使你已經看不到元素），所以如果你想讓元素真正消失，要在執行完動畫時把元素隱藏起來，如：

$(&#39;#element&#39;).one(&#39;webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend
 animationend&#39;, function(){$(this).hide();});

以上是animate.css是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

看更多