最近,我使用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 关闭动画的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://www.haodehen.cn/did245436