首页 教程 Web前端 20个超级好用的 CSS 动画库

20个超级好用的 CSS 动画库

分享 20 个最佳 CSS 动画库。

它们中的大多数将生成纯 CSS 代码,而不需要任何外部库。

1.Animate.css

一个开箱即用型的跨浏览器动画库,可供你在项目中使用。

20个超级好用的 CSS 动画库

2.Magic Animations CSS3

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

20个超级好用的 CSS 动画库

3.Animista - On-Demand CSS Animations Library

一个 CSS 动画库,你可以在这里玩转现成的 CSS 动画集合,并只下载你将使用的动画。

20个超级好用的 CSS 动画库

4.Hamburgers by Jonathan Suh

一组“美味”的 CSS 动画汉堡图标。还包括作为 Sass 库的源代码。

20个超级好用的 CSS 动画库

5.Whirl: CSS loading animations with minimal effort!

一组 CSS 加载动画,示例包括:弧形、基础型、弹跳、追逐、颜色范围、色轮、不同行方向、点等。

20个超级好用的 CSS 动画库

6.Three Dots

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

20个超级好用的 CSS 动画库

7.mimic.css

开源 CSS 文本动画的集合。

20个超级好用的 CSS 动画库

8.Hover.css - A collection of CSS3 powered hover effects

CSS3 驱动的悬停效果集合,可应用于链接、按钮、徽标、SVG、特色图像等。

20个超级好用的 CSS 动画库

9.CSS Animation Kit

一个纯 CSS 和基于 HTML 的动画套件。

20个超级好用的 CSS 动画库

10.LDRS — UI Ball

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

20个超级好用的 CSS 动画库

11.

AnimatiSS - A nice, colorful collection of CSS animations for your projects

AnimatiSS 是一个预览自定义 CSS 动画的工具,只需单击一下即可获取其代码,将其粘贴到您自己的 Web 项目中。

20个超级好用的 CSS 动画库

12.Granim.js - Gradient Animations

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

20个超级好用的 CSS 动画库

13.tsParticles | JavaScript Particles, Confetti and Fireworks animations for your website

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

20个超级好用的 CSS 动画库

14.Vanta.js - Animated 3D Backgrounds For Your Website

只需几行代码即可制作动画网站背景。

20个超级好用的 CSS 动画库

15.imagehover.css

精心制作的 CSS 库,可让您轻松实现可缩放的图像悬停效果。

20个超级好用的 CSS 动画库

16.Moving Letters | Text animated with JavaScript & anime.js

使用 JavaScript 和 Anime.js 的文本动画集合。

20个超级好用的 CSS 动画库

17.Epic Spinners

与 Vue.js 集成,易于使用的 CSS spinners 集合。

20个超级好用的 CSS 动画库

18.SpinKit | Simple CSS Spinners

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

20个超级好用的 CSS 动画库

19.particles.js

用于创建粒子的轻量级 JavaScript 库。

20个超级好用的 CSS 动画库

20.​​​​​​​CSShake

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

20个超级好用的 CSS 动画库

评论(0)条

提示:请勿发布广告垃圾评论,否则封号处理!!

    猜你喜欢
    【MySQL】用户管理

    【MySQL】用户管理

     服务器/数据库  3个月前  2.41k

    我们推荐使用普通用户对数据的访问。而root作为管理员可以对普通用户对应的权限进行设置和管理。如给张三和李四这样的普通用户权限设定后。就只能操作给你权限的库了。

    Cursor Rules 让开发效率变成10倍速

    Cursor Rules 让开发效率变成10倍速

     服务器/数据库  3个月前  1.4k

    在AI与编程的交汇点上,awesome-cursorrules项目犹如一座灯塔,指引着开发者们驶向更高效、更智能的编程未来。无论你是经验丰富的老手,还是刚入行的新人,这个项目都能为你的编程之旅增添一抹亮色。这些规则文件就像是你私人定制的AI助手,能够根据你的项目需求和个人偏好,精确地调教AI的行为。突然间,你会发现AI不仅能理解Next.js的最佳实践,还能自动应用TypeScript的类型检查,甚至主动提供Tailwind CSS的类名建议。探索新的应用场景,推动AI辅助编程的边界。

    探索Django 5: 从零开始,打造你的第一个Web应用

    探索Django 5: 从零开始,打造你的第一个Web应用

     服务器/数据库  3个月前  1.3k

    Django 是一个开放源代码的 Web 应用程序框架,由 Python 写成。它遵循 MVT(Model-View-Template)的设计模式,旨在帮助开发者高效地构建复杂且功能丰富的 Web 应用程序。随着每个版本的升级,Django 不断演变,提供更多功能和改进,让开发变得更加便捷。《Django 5 Web应用开发实战》集Django架站基础、项目实践、开发经验于一体,是一本从零基础到精通Django Web企业级开发技术的实战指南《Django 5 Web应用开发实战》内容以。

    MySQL 的mysql_secure_installation安全脚本执行过程介绍

    MySQL 的mysql_secure_installation安全脚本执行过程介绍

     服务器/数据库  3个月前  1.2k

    mysql_secure_installation 是 MySQL 提供的一个安全脚本,用于提高数据库服务器的安全性

    【MySQL基础篇】概述及SQL指令:DDL及DML

    【MySQL基础篇】概述及SQL指令:DDL及DML

     服务器/数据库  3个月前  559

    数据库是长期存储在计算机内的、有组织的、可共享的、统一管理的大量数据的集合。数据库不仅仅是数据的简单堆积,而是遵循一定的规则和模式进行组织和管理的。数据库中的数据可以包括文本、数字、图像、音频等各种类型的信息。

    Redis中的哨兵(Sentinel)

    Redis中的哨兵(Sentinel)

     服务器/数据库  3个月前  345

    ​ 上篇文章我们讲述了Redis中的主从复制(Redis分布式系统中的主从复制-CSDN博客),本篇文章针对主从复制中的问题引出Redis中的哨兵,希望本篇文章会对你有所帮助。