最近,我使用Animate.css制作了一些網站,發現動畫很酷,但有時候我并不需要關閉動畫的元素。 在這篇文章中,我將向您展示如何關閉Animate.css動畫效果。
.no-animate{ animation: none !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; }
在上述代碼片段中,我們定義了一個no-animate類,通過將animation和其它瀏覽器前綴的animation設置為none,我們可以禁用對象的所有Animate.css動畫。
接下來,讓我們看看如何將no-animate類應用于特定元素。
Hello, World!
This is my website.
This heading won't animate.
This paragraph won't animate either.
在上述代碼片段中,我們將no-animate類應用于一個div容器,這個容器中包含了我們不想進行Animate.css動畫的元素。
這是關閉Animate.css動畫的方法,只需在包含不想動畫的元素的父容器中應用no-animate類。
希望這篇文章對您有所幫助。 享受您的建設性設計!
上一篇btw和json格式
下一篇eval轉換json