【css】使用Animate.css

Animate.css 是一个以 CSS3 动画制作的库，它提供了很多预设的动画效果，可以直接应用到网页元素上。要使用 Animate.css，首先需要在 HTML 中引入该库，然后给需要应用动画的元素添加一个或多个类。

以下是一个简单的例子，展示如何使用 Animate.css 中的一个动画：

1. 首先，在 HTML 中引入 Animate.css 文件：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">

2. 接着，在 HTML 中给元素添加 animated 类和一个动画名称类（例如 bounce）：

<div class="animated bounce">这是一个会抖动的盒子</div>

animated 类是 Animate.css 中必需的，用于触发动画。动画名称类是你想要应用的动画效果的名称，比如 bounce、fadeIn 等。

如果你想要动画只播放一次，可以添加 infinite 类，或者使用 CSS 的 animation-iteration-count 属性：

<div class="animated bounce infinite">这是一个会无限次抖动的盒子</div>

如果你想要动画在某个时刻开始和结束，可以使用 animation-duration 和 animation-fill-mode 属性：

<div style="animation-duration: 2s; animation-fill-mode: forwards;" class="animated bounce">这是一个在2秒内播放一次的抖动动画盒子</div>

以上代码展示了如何使用 Animate.css 中的一个动画。你可以在 Animate.css 的官方文档中查看更多预定义的动画效果，并按照上述方法应用到你的网页中。