20个超实用的CSS动画库

这是一个精心挑选的20个最佳CSS动画集合，从网络上各种来源精心策划而成。
其中大多数将生成纯CSS代码，无需任何外部库。
如果你想探索更多前端工具和资源，请访问我们的页面 “180+ 最佳前端开发工具” 以了解更多信息。

1. Animate.css

一个可立即使用的跨浏览器动画库，供你在项目中使用。

2. Magic CSS animations

一组简单的动画，可以包含在你的网站或应用项目中。

3. Animista

一个CSS动画库，你可以在这里玩耍各种现成的CSS动画，并且只下载你将使用的那些。

4. Hamburgers by Jonathan Suh

一系列美味的CSS动画汉堡图标。还包括Sass库形式的源代码。

5. Whirl

一系列CSS加载动画，例如包括：弧形、基础、弹跳、追逐、颜色范围、色轮、不同方向、点等。

6. Three Dots

一组仅使用单个元素制作的CSS加载动画。

7. Mimic.css

一系列开源CSS文本动画。

8. Hover.css

一系列由CSS3驱动的悬停效果，可应用于链接、按钮、logo、SVG、特色图像等。

9. CSS Animation Kit

一个纯CSS和HTML的动画工具包。

10. LDRS

一个免费、开源的加载器和旋转器库。

11. AnimatiSS

AnimatiSS是一个工具，可以预览自定义CSS动画并通过简单的点击获取其代码，以粘贴到你自己的网页项目中。

12. Granim.js

使用这个小型JavaScript库创建流畅和交互式的渐变动画。

13. tsParticles

轻松创建高度可定制的粒子、彩带和烟花动画，并将它们用作网站的动画背景。

14. Vanta.js

用几行代码创建动画网站背景。

15. imagehover.css

一个精心制作的CSS库，让你轻松实现可缩放的图像悬停效果。

16. Moving Letters

一系列使用JavaScript和anime.js的文本动画。

17. Epic Spinners

一个易于使用的CSS加载器集合，集成了Vue.js。

18. SpinKit

使用CSS动画的简单加载旋转器。

19. particles.js

一个用于创建粒子效果的轻量级JavaScript库。

20. CSShake

易于使用的类，可以为你网站的每个部分添加不同类型的抖动效果。