animate。css动画时间

animate.css是一款流行的CSS动画库，它可以让你的网站变得更加生动有趣。它支持的动画类型非常丰富，如翻转、弹跳、淡入淡出、旋转等等。但是，很多人可能会对animate.css的动画时间不太了解。

animate.css的动画时间是由类名来控制的。当你为一个元素添加animate.css的动画类名时，它会自动应用相应的的CSS样式。例如：

 class="animate__animated animate__bounceIn" 

在上面的代码中，我们使用了animate__animated 和 animate__bounceIn 两个类名，用于实现一个弹跳动画效果。值得注意的是，animate__animated 这个类名是必须的，否则这个动画将不会生效。而 animate__bounceIn 这个类名则用来指定动画的类型。

那么，animate.css 的动画时间是多少呢？ 在默认情况下，不同的动画类型的时间是不同的。例如：

 300ms 的动画时间：animate__fadeIn, animate__fadeOut, animate__flipInX 等；
600ms 的动画时间：animate__bounce, animate__flash, animate__tada 等；
1000ms 的动画时间：animate__rotateIn, animate__zoomIn 等。 

你也可以通过为元素添加 animate__duration--{duration}s 类名来自定义动画时间，其中 {duration} 可以是任何你想要的秒数。

总之，animate.css提供了丰富的动画效果，通过掌握它的类名和动画时间，我们可以在网站中实现更加多样化、生动有趣的效果。

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