animate.css 包含了一组炫酷、有趣、跨浏览器的动画，可以在你的项目中直接使用。
<link href="https://cdn.01kl.cn/ajax/libs/animate.css/4.1.1/animate.css" rel="stylesheet">
<link href="https://cdn.01kl.cn/ajax/libs/animate.css/4.1.1/animate.compat.min.css" rel="stylesheet">
<link href="https://cdn.01kl.cn/ajax/libs/animate.css/4.1.1/animate.compat.css" rel="stylesheet">
<link href="https://cdn.01kl.cn/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet">
基本使用方法：
或者使用 CDN 将其直接添加到您的网页中：
<head>
<link
rel="stylesheet"
href="https://cdn.01kl.cn/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
</head>
基本用法
安装 Animate.css 后，将类与任何动画名称一起添加到元素中（不要忘记前缀！animate__animatedanimate__
<h1 class="animate__animated animate__bounce">An animated element</h1>
就是这样！您有一个 CSS 动画元素。
动画可以改善界面的用户体验，但请记住，它们也会妨碍您的用户！请阅读最佳实践和问题部分，以最佳方式让您的 Web 事物栩栩如生。