好用的样式动画库集合(css、js)

文章目录


前言

好用的css动画


一、Animate.css

Animate.css

二、Anime.js

Anime.js

是一个轻量级的 JavaScript 动画库,具有简单但功能强大的 API。它适用于 CSS 属性、SVG、DOM 属性和 JavaScript 对象

三、CSShake

CSShake

一个专门为在你的网页中摇动元素而设计的 CSS 库

四、Hover.css

Hover.css

一个 CSS 动画库,旨在与你的网站中的按钮和其他 UI 元素一起使用

五、AniJS

AniJS

AniJS 是一个动画库,允许您以简单的"类似句子"的结构向元素添加动画

六、Animista

Animista

按需 CSS 动画

七、Tachyons-animate

Tachyons-animate

Tachyons 本身是一个具有大量实用程序类的原子 CSS 库,用于通过向你需要的内容添加类来设计任何东西

八、Sequence.js

Sequence.js

Sequence.js 是一个 JavaScript 库,它提供了一个响应式 CSS 框架,用于创建独特的滑块、演示文稿、横幅和其他基于步骤的应用程序

九、Infinite

Infinite

这些动画,如旋转和脉冲,专门设计用于永远运行和重复

十、OBNOXIOUS.CSS

OBNOXIOUS.CSS

十一、MOTION UI

MOTION UI

用于创建灵活的 CSS 过渡和动画的 Sass 库

十二、Keyframes.app

Keyframes.app

用于生成自定义 CSS 关键帧动画的图形用户界面

十三、AnimXYZ

AnimXYZ

AnimXYZ 可帮助你为你的网站创建、自定义和组合动画。专为 Vue、React、SCSS 和 CSS 构建

十四、Whirl

Whirl

轻松加载 CSS 动画!

十五、Hamburgers

Hamburgers

Hamburgers 是一组CSS 动画汉堡包图标。还包括作为 Sass 库的源。它是模块化和可定制的,所以你可以自己做汉堡包。

十六、Vivify

Vivify

十七、Magic Animations CSS3

Magic Animations CSS3

十八、cssanimation.io

cssanimation.io

十九、Angrytools

Angrytools

二十、WickedCSS

WickedCSS

二十一、Three Dots

Three Dots

二十二、背景图-bansal

bansal


如有启发,可点赞收藏哟~

相关推荐
三小河2 小时前
Agent Skill与Rules的区别——以Cursor为例
前端·javascript·后端
Hilaku2 小时前
不要在简历上写精通 Vue3?来自面试官的真实劝退
前端·javascript·vue.js
三小河3 小时前
前端视角详解 Agent Skill
前端·javascript·后端
Aniugel3 小时前
单点登录(SSO)系统
前端
颜酱3 小时前
二叉树遍历思维实战
javascript·后端·算法
鹏多多3 小时前
移动端H5项目,还需要react-fastclick解决300ms点击延迟吗?
前端·javascript·react.js
serioyaoyao3 小时前
上万级文件一起可视化,怎么办?答案是基于 ParaView 的远程可视化
前端
万少3 小时前
端云一体 一天开发的元服务-奇趣故事匣经验分享
前端·ai编程·harmonyos
WindrunnerMax3 小时前
从零实现富文本编辑器#11-Immutable状态维护与增量渲染
前端·架构·前端框架
不想秃头的程序员3 小时前
Vue3 封装 Axios 实战:从基础到生产级,新手也能秒上手
前端·javascript·面试