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


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

相关推荐
coderYYY几秒前
element树结构el-tree,默认选中当前setCurrentKey无效
前端·javascript·vue.js
GISer_Jing10 分钟前
Three.js中AR实现详解并详细介绍基于图像标记模式AR生成的详细步骤
开发语言·javascript·ar
GISer_Jing31 分钟前
[总结篇]个人网站
前端·javascript
ss.li32 分钟前
TripGenie:畅游济南旅行规划助手:个人工作纪实(二十二)
javascript·人工智能·python
lljss202037 分钟前
html文字红色粗体,闪烁渐变动画效果,中英文切换版本
css·html·css3
疯狂的沙粒1 小时前
在web-view 加载的本地及远程HTML中调用uniapp的API及网页和vue页面是如何通讯的?
前端·uni-app·html
小妖6661 小时前
html 滚动条滚动过快会留下边框线
前端·html
heroboyluck1 小时前
Svelte 核心语法详解:Vue/React 开发者如何快速上手?
前端·svelte
海的诗篇_1 小时前
前端开发面试题总结-JavaScript篇(二)
开发语言·前端·javascript·typescript
琹箐1 小时前
ant-design4.xx实现数字输入框; 某些输入法数字需要连续输入两次才显示
前端·javascript·anti-design-vue