当前位置: 首页 > news >正文

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

文章目录

  • 前言
  • 一、Animate.css
  • 二、Anime.js
  • 三、CSShake
  • 四、Hover.css
  • 五、AniJS
  • 六、Animista
  • 七、Tachyons-animate
  • 八、Sequence.js
  • 九、Infinite
  • 十、OBNOXIOUS.CSS
  • 十一、MOTION UI
  • 十二、Keyframes.app
  • 十三、AnimXYZ
  • 十四、Whirl
  • 十五、Hamburgers
  • 十六、Vivify
  • 十七、Magic Animations CSS3
  • 十八、cssanimation.io
  • 十九、Angrytools
  • 二十、WickedCSS
  • 二十一、Three Dots
  • 二十二、背景图-bansal
    • `如有启发,可点赞收藏哟~`


前言

好用的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
在这里插入图片描述


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

http://www.lryc.cn/news/247400.html

相关文章:

  • pandas教程:时区计数 USA.gov Data from Bitly USA.gov数据集
  • 野火霸天虎 STM32F407 学习笔记(六)系统时钟详解
  • uni-app+vue3 封装全局函数(详细完整的方法)
  • 游戏开发原画的设计方法
  • 力扣labuladong一刷day19天花式遍历
  • 自动化部署 扩容openGauss —— Ansible for openGauss
  • C#多线程创建及线程的同步
  • MOM系统功能清单
  • ARM Cortex-M核的内核态,用户态
  • flex布局实战之自动填充剩余
  • 【LeetCode】203. 移除链表元素
  • IDEA2023版本创建Sping项目只能勾选17和21,却无法使用Java8?(已解决)
  • Vue生命周期详解
  • 政务大数据与资源平台建设解决方案:PPT全文75页,附下载
  • 环境监测传感器守护我们的地球
  • PHP 循环控制 学习资料
  • Unity 关于生命周期函数的一些认识
  • 大数据学习(26)-spark核心总结
  • EC 404 information economics
  • 基于单片机的烟雾检测报警装置(论文+源码)
  • C语言面试之旅:掌握基础,探索深度(面试实战之c语言关键词中篇)
  • 项目监控:项目跟踪和控制的工具和步骤
  • GOAT:多模态、终身学习、平台无关的机器人通用导航系统
  • [webpack] webpack 插件大全
  • UE4/UE5 雾
  • Linux处理文件常见命令
  • sed应用
  • Linux配置SFTP用户的详细过程
  • 前端---JavaScript篇
  • 使用vue-admin-template时,需要注意的问题,包括一定要去除mock.js注释