animate。css 动画速度

animate.css是一个非常常用的CSS动画库，它提供了多种动画效果，可以应用于网站、移动端和UI设计中。其中一个重要的因素就是动画的速度。下面是animate.css动画速度的相关介绍。

.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
}

在animate.css中，动画速度是通过animation-duration属性设置的。默认情况下，动画持续时间为1秒。你可以通过修改该属性的值来调整动画的持续时间。然后预览效果，看看你是否需要增加或减少动画持续时间。

.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}

如果默认的动画速度过快或者过慢，可以使用另外两个类来进行调节。.fast类将动画速度加快到800毫秒，.slow类则将动画速度放慢到2秒。这样就可以根据所需的情况自由地调整动画速度。

在animate.css中，你可以通过CSS类启用动画效果。你可以使用类名 .animated来集中启用动画效果。此外，在动画类名后面可以加上另一个类名来启用不同的效果。

总之，animate.css提供了多种不同的速度设置来满足不同项目的需求。只需选择合适的设置，你就可以创建出令人印象深刻的动画效果。

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