animate.css代码

作者：—上花′Ing 发布日期:2026-04-13 浏览:22

/* animate.css 示例代码 */

/* 1. 引入 animate.css 库 */
@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css');

/* 2. 使用动画类 */
/* 下面是一个简单的 HTML 元素，应用了 animate.css 提供的 fadeIn 动画效果 */

<div class="animate__animated animate__fadeIn">
    我会淡入！
</div>

/* 解释说明：
- `@import` 语句用于引入 animate.css 库。
- `animate__animated` 类是必须的，它告诉浏览器这个元素将要应用动画效果。
- `animate__fadeIn` 是具体的动画效果类，表示淡入效果。你可以替换为其他效果类，如 `animate__bounce`, `animate__slideInLeft` 等。
- animate.css 提供了多种动画效果，可以根据需要选择不同的类名来实现不同的动画效果。
*/

上一篇：css居右

下一篇：css上下左右居中怎么设置