好用的样式动画库集合(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


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

相关推荐
lvchaoq16 小时前
页面停留时间过长导致token过期问题
前端
兔老大的胡萝卜16 小时前
pm2 部署nuxt4项目
javascript·nuxt4
阿蒙Amon16 小时前
JavaScript学习笔记:17.闭包
javascript·笔记·学习
elangyipi12316 小时前
深入理解前端项目中的 package.json 和 package-lock.json
前端·json
Wpa.wk16 小时前
自动化测试 - 文件上传 和 弹窗处理
开发语言·javascript·自动化测试·经验分享·爬虫·python·selenium
l1t16 小时前
利用小米mimo为精确覆盖矩形问题C程序添加打乱函数求出更大的解
c语言·开发语言·javascript·人工智能·算法
LYFlied16 小时前
【算法解题模板】-【回溯】----“试错式”问题解决利器
前端·数据结构·算法·leetcode·面试·职场和发展
composurext16 小时前
录音切片上传
前端·javascript·css
程序员小寒16 小时前
前端高频面试题:深拷贝和浅拷贝的区别?
前端·javascript·面试
狮子座的男孩16 小时前
html+css基础:07、css2的复合选择器_伪类选择器(概念、动态伪类、结构伪类(核心)、否定伪类、UI伪类、目标伪类、语言伪类)及伪元素选择器
前端·css·经验分享·html·伪类选择器·伪元素选择器·结构伪类