好用的样式动画库集合(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.rhkb.cn/news/207359.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

滴滴“闪崩”的背后 - 对企业内网架构的启示

11月27日晚滴滴出现“闪崩”,不仅服务系统崩溃,同时滴滴内网也陷入崩溃状态。大家对服务系统崩溃的影响已有所了解,但对于内网崩溃带来影响的严重程度,可能远超出大多数人的想象,本文将详细介绍什么是内网,…

Spring AOP 代码案例

目录 AOP组成 通知的具体方法类型 引入Spring AOP依赖 定义AOP层 UserController Postman测试 AOP工作流程 AOP组成 切面 : 切⾯(Aspect)由切点(Pointcut)和通知(Advice)组成,它既包含了…

如何生成纯文本的目录树

参考资料: https://ascii-tree-generator.com/ 无需多言,感谢这些前辈的智慧。界面如下:

Elasticsearch:使用 ILM 示例运行降采样 (downsampling)

如果你对降采样还不是很熟的话,请阅读之前的文章 “Elasticsearch:对时间序列数据流进行降采样(downsampling)”。这是一个简化的示例,可让你快速了解降采样如何作为 ILM 策略的一部分来减少一组采样指标的存储大小。 该示例使用典…

机器学习第14天:KNN近邻算法

☁️主页 Nowl 🔥专栏《机器学习实战》 《机器学习》 📑君子坐而论道,少年起而行之 文章目录 介绍 实例 回归任务 缺点 实例 分类任务 如何选择最佳参数 结语 介绍 KNN算法的核心思想是:当我们要判断一个数据为哪一类时…

Find My键盘|苹果Find My技术与键盘结合,智能防丢,全球定位

键盘是最常用也是最主要的输入设备,通过键盘可以将英文字母、汉字、数字、标点符号等输入到计算机中,从而向计算机发出命令、输入数据等。还有一些带有各种快捷键的键盘。随着时间的推移,渐渐的市场上也出现独立的具有各种快捷功能的产品单独…

10个让UI设计更轻松的工具

UI设计软件对设计师来说非常重要。UI设计工具的使用是否直接影响到最终结果的质量,然后有人会问:UI界面设计使用什么软件?这里有一些UI设计师和那些对UI设计感兴趣的朋友列出了10个易于使用和免费的UI设计软件。 即时设计 即时设计是一款免…

【社会网络分析第6期】Ucient实操

一、导入数据处理二、核心——边缘分析三、聚类分析四、网络密度 一、导入数据处理 将数据导入Ucinet首先需要对数据进行处理。 承接上一期的数据格式:【社会网络分析第5期】gephi使用指南 原先得到的数据格式如下: 接下来打开ucinet: 之后…

HI3559AV100下对emmc总线速率的调整

先前使用3559开发板时,一直没觉得emmc会是个问题,但是最近一个国产化的项目中3559配合的是一款国产128G的emmc,因为板上面积限制,走线有点限制,导致uboot启动emmc有时候会失败。 1、报错的打印如下: MMC …

【机器视觉技术】:开创人工智能新时代

🎥 屿小夏 : 个人主页 🔥个人专栏 : IT杂谈 🌄 莫道桑榆晚,为霞尚满天! 文章目录 📑 前言🌤️ 机器视觉技术的实现☁️ 图像采集☁️ 图像处理☁️ 数据建模☁️应用展示…

Phpstudy v8.0/8.1添加 php-7.4.9

1、官网下载最新的php版本 打开Windows版的官网下载,地址:PHP For Windows: Binaries and sources Releases 页面上有不同的PHP版本,这里我们下载的是64位nts版的PHP7.4.9,php-7.4.9-nts-Win32-vc15-x64.zip。 2、解压下载的文…

segment-anything安装教程

文章目录 一. segment-anything安装教程 一. segment-anything安装教程 官网安装说明:https://github.com/facebookresearch/segment-anything anaconda下新建一个环境 conda create -n sam python3.8激活新建的环境 conda activate sam更换conda镜像源 conda config --add ch…

XUbuntu22.04之OBS30.0设置录制音频降噪(一百九十六)

简介: CSDN博客专家,专注Android/Linux系统,分享多mic语音方案、音视频、编解码等技术,与大家一起成长! 优质专栏:Audio工程师进阶系列【原创干货持续更新中……】🚀 优质专栏:多媒…

Nacos作为配置中心的一些知识二

11292327 问:客户端发请求给Nacos服务端,服务端这边会进行哪些处理? 答:客户端发请求给Nacos 服务端 ,服务端这边通过ConfigController类的309行的listener方法,进行处理 第一步 获取客户端请求的文件的…

中职组网络安全-web-PYsystem003.img-(环境+解析)

​ web安全渗透 1.通过URL访问http://靶机IP/1,对该页面进行渗透测试,将完成后返回的结果内容作为flag值提交; 访问该网页后发现F12被禁用,使用ctrlshifti查看 ctrlshifti 等效于 F12 flag{fc35fdc70d5fc69d269883a822c7a53e}…

SpringCloud核心组件

Eureka 注册中心,服务的注册与发现 Feign远程调用 Ribbon负载均衡,默认轮询 Hystrix 熔断 降级 Zuul微服务网关(这个组件负责网络路由,可以做统一的降级、限流、认证授权、安全) Eureka 微服务的功能主要有以下几…

有时出厂重置BIOS是解决电脑问题和保持其最佳性能的好办法,主要有两种方法

​BIOS是计算机开机时启动的第一个程序,它有助于执行一些基本的计算机操作,并管理计算机和安装在计算机上的操作系统之间的命令。与任何其他程序一样,如果在启动计算机时遇到问题或在计算机中添加了新硬件,则可能需要将BIOS重置为…

JMeter怎样测试WebSocket

一、安装WebSocket取样器 1、从JMeter插件管理器官网下载: https://jmeter-plugins.org/ 搜索websocket 1、jetty-http-9.1.2.v20140210.jar 2、jetty-io-9.1.2.v20140210.jar 3、jetty-util-9.1.2.v20140210.jar 4、websocket-api-9.1.1.v20140108.jar 5、w…

【Windows】内网穿透实现hMailServer远程发送邮件

目录 前言1. 安装hMailServer2. 设置hMailServer3. 客户端安装添加账号4. 测试发送邮件5. 安装cpolar6. 创建公网地址7. 测试远程发送邮件8. 固定连接公网地址9. 测试固定远程地址发送邮件 前言 hMailServer 是一个邮件服务器,通过它我们可以搭建自己的邮件服务,通过cpolar内网…

2023认证杯小美赛数学建模国际赛ABCD题思路及python代码分享

大家好呀,认证杯小美赛数学建模开始了,来说一下初步的选题建议吧: 首先定下主基调, 本次小美赛难度:D<A≈C<B。推荐选择D题。预计12.2中午更新D完整论文。预定论文请往后滑看完本文档链接。 A…