20 个超级实用的 CSS 动画库

精选20个来自网络各处的最佳CSS动画合集。
大多数将生成纯CSS代码,无需任何外部库。

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悬停效果的集合,可应用于链接、按钮、标志、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

易于使用的类库,可为网站的各部分添加不同类型的摇动效果。