好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

animate。css 关闭动画

最近,我使用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.

查看更多关于animate。css 关闭动画的详细内容...

  阅读:26次