animate。css 动画延迟

animate.css 是一个流行的 CSS 动画库，提供了一系列动画样式让开发者使用。其中，延迟 (delay) 是一个非常重要的属性，可以让动画按照一定的时间顺序展现。

在 animate.css 中，可以通过在类名中添加 delay-{number}s 来设置延迟时间。其中， {number} 表示延迟的秒数，可以为小数。

例如，下面的代码展示了一个使用了 3 秒延迟的动画：

 <div class="animate__animated animate__fadeInUp delay-3s">
这是一个使用了 3 秒延迟的动画。
</div> 

在这个例子中，元素会先被隐藏（默认状态），然后在 3 秒后才开始展示动画效果。

需要注意的是，延迟属性不像其他动画属性一样可以简单叠加。如果同一元素中出现了多个延迟时间，只有最后一个会生效。

此外，delay 属性还可以与其他属性一起使用，比如 duration 和 iteration-count。例如：

 <div class="animate__animated animate__heartBeat delay-1s iteration-2">
这是一个使用了 1 秒延迟、2 次循环播放的动画。
</div> 

在这个例子中，元素会首先隐藏，1 秒后开始播放心跳效果，每个循环都会持续 1.3 秒，共播放 2 次。

在开发过程中，灵活地使用动画延迟属性可以让元素动画更加优雅，也更具有吸引力。

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