美文网首页
20 个超级实用的 CSS 动画库

20 个超级实用的 CSS 动画库

作者: 涅槃快乐是金 | 来源:发表于2024-09-24 08:52 被阅读0次

    精选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

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


    相关文章

      网友评论

          本文标题:20 个超级实用的 CSS 动画库

          本文链接:https://www.haomeiwen.com/subject/bptqrjtx.html