CSS 动画库可轻松为网页增添各种有趣的动画效果，显著提升开发效率与用户体验。下面为你整理了 30 个常见的 CSS 动画库：
- Animate.css
提供大量预设动画效果，简单易用，常用于元素的进入和退出动画，适用于强调、主页、滑块和注意力引导提示等场景。
- Hover.css
专注于鼠标悬停时的动画效果，适用于按钮、图片等交互元素，可应用于链接、按钮、徽标、SVG、特色图像等。
- CSShake
提供多种震动效果，适合用于警告、强调等场景，比如提示用户某个操作出现问题或需要用户特别关注某些内容。
- AniJS
声明式动画库，允许通过 HTML 语法轻松定义动画，无需编写 JavaScript，降低了动画制作的门槛，适合快速创建一些简单的动画效果。
- Lottie
允许开发者将高质量的 SVG 动画嵌入网页中，适合复杂的交互设计，例如在 APP 引导页、数据可视化展示等场景中使用。
- Animista
提供多种预设动画效果，用户可以在线定制和生成动画代码，可用于各种需要动画效果的场景，并且能根据具体需求定制独特的动画。
- Hover Effect Ideas
提供多种创意的鼠标悬停动画效果，适用于需要增加交互趣味性的按钮、图片等元素。
- Mo.js
提供强大的动画工具，支持复杂的时间轴和多段动画控制，适合制作复杂的动画，如动画广告、交互性强的网页游戏等。
- Hamburgers
专注于汉堡菜单按钮动画的库，适合移动端应用，用于实现移动端菜单的展开和收起动画效果。
- Loaders.css
轻量的加载动画库，提供丰富的加载动画样式，适用于网页加载状态指示，告知用户页面正在加载内容。
- SpinKit
提供多种 CSS 加载动画，适用于网页加载状态指示，在页面数据加载时显示，提升用户体验。
- CSS Animation.io
在线动画库，提供多种进入、退出、悬停等效果，可用于各种网页元素的动画设置。
- Tuesday
轻量的动画库，提供类似 Animate.css 的动画效果，适用于各种需要简单动画的场景。
- Typed.js
提供打字机效果的动画库，适合动态文本展示，如标题动画、信息提示动画等。
- WOW.js
与 Animate.css 搭配使用，实现滚动触发的动画效果，适用于长页面的元素动画展示，当用户滚动页面到特定位置时，元素出现动画效果。
- Effeckt.css
开源动画库，专注于移动端的过渡和交互效果，如 AJAX 弹出框动画、菜单动画、图片标题展示等。
- Magic CSS3 Animations
提供丰富的动画效果，如魔法效果、愚蠢的效果和炸弹效果等，适合提升网页的视觉冲击力。
- Textillate.js
专注于文本动画的库，允许为文字添加多种动态效果，可用于标题、标语等文本内容的动画展示。
- Sequence.js
提供平滑内容切换效果的动画库，适用于内容展示和滑动效果，如幻灯片、图片轮播等场景。
- Three Dots
网址：nzbin.github.io/three-dots/
Three Dots是一组仅用单个元素制作的CSS加载动画。这个项目不仅能提高你的CSS技能，还能激发你的想象力。
- Whirl
网址：whirl.netlify.app/
一组 CSS 加载动画，示例包括：弧形、基础型、弹跳、追逐、颜色范围、色轮、不同行方向、点等。
- lightGallery
网址：www.lightgalleryjs.com/
一个轻量级、模块化的JavaScript图像和视频灯箱库插件。适用于React.js、Vue.js、Angular和TypeScript。
- Epic Spinners
网址：epic-spinners.vuestic.dev/
加载图表动画，仅限CSS。易于使用。VueJS集成。
- Vanta.js
绘制3D动画背景图
