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

好用的样式动画库集合（css、js）

news 2026/5/28 20:44:29

文章目录

  • 前言
  • 一、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
在这里插入图片描述

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

相关文章：

好用的样式动画库集合（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 Animation…...

编程日记 2023/11/29 11:24:52

pandas教程：时区计数 USA.gov Data from Bitly USA.gov数据集

文章目录 Chapter 14 Data Analysis Examples（数据分析实例）14.1 USA.gov Data from Bitly（USA.gov数据集）1 Counting Time Zones in Pure Python（用纯python代码对时区进行计数）2 Counting Time Zones wit…...

编程日记 2023/11/29 11:23:51

野火霸天虎 STM32F407 学习笔记（六）系统时钟详解

STM32 中级 前言 仍然是学习自野火F407网课。 启动文件详解 作用： 初始化堆栈指针 SP_initial_sp初始化 PC 指针 Reset_Handler初始化中断向量表配置系统时钟调用 C 库函数 _main 初始化用户堆栈，从而最终调用 main 函数去到 C 的世界 栈&#xff…...

编程日记 2023/11/29 11:22:50

uni-app+vue3 封装全局函数（详细完整的方法）

在uni-app和vue3中，我们可以封装全局函数来复用代码。以下是详细的步骤： 首先，我们需要在main.js文件中引入我们封装的全局函数。这样我们就可以在整个项目中使用这些函数。 import globalFunctions from ./globalFunctionsVue.prototype.$g…...

编程日记 2023/11/29 11:21:48

游戏开发原画的设计方法

游戏原画设计是游戏开发中至关重要的一环，因为它直接影响到游戏的视觉吸引力和用户体验。以下是一些常见的游戏原画设计方法，希望对大家有所帮助。北京木奇移动技术有限公司，专业的软件外包开发公司，欢迎交流合作。 理解游戏概念&…...

编程日记 2023/11/29 11:20:46

力扣labuladong一刷day19天花式遍历

力扣labuladong一刷day19天花式遍历 文章目录 力扣labuladong一刷day19天花式遍历一、48. 旋转图像二、54. 螺旋矩阵三、59. 螺旋矩阵 II 一、48. 旋转图像 题目链接：https://leetcode.cn/problems/rotate-image/ 思路：把矩阵向右旋转90度，要…...

编程日记 2023/11/29 11:19:45

自动化部署 扩容openGauss —— Ansible for openGauss

前言 大家好，今天我们为大家推荐一套基于Ansible开发的，自动化部署及扩容openGauss的脚本工具：Ansible for openGauss（以下简称 AFO）。 通过AFO，我们只需简单修改一些配置文件，即可快速部署多种…...

编程日记 2023/11/29 11:18:44

C#多线程创建及线程的同步

需求：有时为了能分时的调用多个任务运行，因此需要考虑多线程的编程方式 操作步骤如下： 1）创建线程并开启线程 Thread thread0 new Thread(() > DoWork0(0)); thread0.Start(); 2）编写线程函数 static void Do…...

编程日记 2023/11/29 11:17:43

MOM系统功能清单

什么是MOM系统？ MOM系统是制造运营管理（Manufacturing Operation Management）的缩写。它是指通过协调管理企业的人员、设备、物料和能源等资源，把原材料或零件转化为产品的活动。MOM系统集成了生产计划、库存管理、生产调度、质量…...

编程日记 2023/11/29 11:15:40

ARM Cortex-M核的内核态，用户态

首先，用户态和内核态是从操作系统层面上来划分的，如果没有操作系统，我可以直接运行在特权模式下，并使用特权指令。在这种情况下，我将负责管理和控制系统资源，执行关键操作，以及确保系统的安全性…...

编程日记 2023/11/29 11:14:38

flex布局实战之自动填充剩余

案例目标 文字部分自适应并且居中 图中是一个弹窗&#xff0c;我现在使用flex的布局来实现&#xff0c;标题和关闭按钮。因为是uni-app,所以标签是view 。你可以自行替换为 代码 <view class"popup-box"><view class"title"><view class&…...

编程日记 2023/11/29 11:13:38

【LeetCode】203. 移除链表元素

203. 移除链表元素 难度&#xff1a;简单 题目 给你一个链表的头节点 head 和一个整数 val &#xff0c;请你删除链表中所有满足 Node.val val 的节点&#xff0c;并返回 新的头节点 。 示例 1&#xff1a; 输入&#xff1a;head [1,2,6,3,4,5,6], val 6 输出&#xff…...

编程日记 2023/11/29 11:12:35

IDEA2023版本创建Sping项目只能勾选17和21，却无法使用Java8？（已解决）

方案&#xff1a;替换创建项目的源 我们只知道IDEA页面创建Spring项目&#xff0c;其实是访问spring initializr去创建项目。故我们可以通过阿里云国服去间接创建Spring项目。将https://start.spring.io/或者http://start.springboot.io/替换为 https://start.aliyun.com/...

编程日记 2023/11/29 11:11:35

Vue生命周期详解

以下是 Vue 生命周期钩子函数分别做了什么事情的详细说明 详细说明 beforeCreate&#xff08;创建前&#xff09;&#xff1a;在实例初始化之前调用。此时&#xff0c;实例的数据观测 (data observer)、属性和方法的运算&#xff0c;以及事件配置等内部设置都已完成&#xff0…...

编程日记 2023/11/29 11:10:34

政务大数据与资源平台建设解决方案：PPT全文75页，附下载

关键词&#xff1a;智慧政务解决方案&#xff0c;大数据解决方案&#xff0c;数据中心解决方案&#xff0c;数据治理解决方案 一、政务大数据与资源平台建设背景 1、政务大数据已成为智慧城市建设的必要基础 为响应国家不断加快5G基建、大数据、人工智能等新型基础设施建设布…...

编程日记 2023/11/29 11:09:32

环境监测传感器守护我们的地球

随着人类活动的不断增加&#xff0c;环境问题日益凸显。为了更好地保护我们的地球&#xff0c;环境监测成为了一项非常重要的任务。而在这个领域&#xff0c;传感器技术发挥着至关重要的作用。今天&#xff0c;我们就来聊聊WX-WQX12 环境监测传感器。 环境监测传感器是一种能够…...

编程日记 2023/11/29 11:08:32

PHP 循环控制 学习资料

PHP 循环控制 在 PHP 中&#xff0c;循环控制语句用于控制循环的执行流程&#xff0c;包括跳出循环、跳过当前迭代等操作。以下是 PHP 中常用的循环控制语句的介绍和示例&#xff1a; break 语句 break 语句用于立即跳出当前循环&#xff0c;并继续执行循环之后的代码。 示…...

编程日记 2023/11/29 11:07:30

Unity 关于生命周期函数的一些认识

Unity 生命周期函数主要有以下一些&#xff1a; Awake(): 在脚本被加载时调用。用于初始化对象的状态和引用。 OnEnable(): 在脚本组件被启用时调用。在脚本组件被激活时执行一次&#xff0c;以及在脚本组件被重新激活时执行。 Reset(): 在脚本组件被重置时调用。用于重置脚本…...

编程日记 2023/11/29 11:06:29

大数据学习(26)-spark核心总结

&&大数据学习&& &#x1f525;系列专栏&#xff1a; &#x1f451;哲学语录: 承认自己的无知&#xff0c;乃是开启智慧的大门 &#x1f496;如果觉得博主的文章还不错的话&#xff0c;请点赞&#x1f44d;收藏⭐️留言&#x1f4dd;支持一下博主哦&#x1f91…...

编程日记 2023/11/29 11:05:28

EC 404 information economics

EC 404 information economics WeChat: zh6-86...

编程日记 2023/11/29 11:04:28

3个关键功能解析：USBToolBox如何简化macOS与Windows的USB端口映射难题

3个关键功能解析&#xff1a;USBToolBox如何简化macOS与Windows的USB端口映射难题 【免费下载链接】tool the USBToolBox tool 项目地址: https://gitcode.com/gh_mirrors/too/tool 在Hackintosh和跨平台开发领域&#xff0c;USB端口映射一直是个令人头疼的技术难题。US…...

编程新知 2026/5/26 4:32:22

多自由度冗余空间机械臂位姿一体化规划与控制【附代码】

✨ 长期致力于空间机械臂、对偶四元数、位姿一体化、路径规划、跟踪控制研究工作&#xff0c;擅长数据搜集与处理、建模仿真、程序编写、仿真设计。 ✅ 专业定制毕设、代码 ✅ 如需沟通交流&#xff0c;点击《获取方式》 &#xff08;1&#xff09;基于对偶四元数的冗余机械臂运…...

编程新知 2026/5/26 4:32:22

利用DiSEqC协议与AVR单片机驱动卫星天线电机改造户外设备

1. 项目概述&#xff1a;用卫星天线电机驱动一切如果你手头有一些需要承受风吹日晒、还得精确转动的设备&#xff0c;比如一个户外的大型定向天线&#xff0c;或者一个需要定期调整角度的太阳能板支架&#xff0c;甚至是一个坚固的监控云台&#xff0c;你可能会为驱动机构发愁。…...

编程新知 2026/5/26 2:25:31

打造XBEE封装BLE112蓝牙模块：硬件设计、射频布局与调试全攻略

1. 项目概述&#xff1a;为什么我们需要一个“XBEE格式”的蓝牙模块&#xff1f;在嵌入式开发和物联网项目中&#xff0c;无线通信模块的选择往往决定了项目的成败。对于很多工程师和创客来说&#xff0c;Silicon Labs&#xff08;芯科科技&#xff09;的BLE112/113模块是蓝牙4…...

编程新知 2026/5/25 21:17:35

Claude端到端测试设计终极清单：覆盖17类非功能需求（含延迟敏感度分级、幻觉熔断阈值、多轮对话状态持久化验证）

更多请点击&#xff1a; https://kaifayun.com 第一章&#xff1a;Claude端到端测试设计的演进逻辑与核心范式 Claude端到端测试并非静态产物&#xff0c;而是随模型能力边界拓展、交互场景复杂化及可靠性要求升级而持续演化的工程实践。其演进逻辑根植于三个关键张力&#xf…...

编程新知 2026/5/25 20:30:09

3个步骤彻底解决WSA安装失败问题：从错误代码到完美运行

3个步骤彻底解决WSA安装失败问题&#xff1a;从错误代码到完美运行 【免费下载链接】WSABuilds Run Windows Subsystem For Android on your Windows 10 and Windows 11 PC using prebuilt binaries with Google Play Store (MindTheGapps) and/or Magisk or KernelSU (root so…...

编程新知 2026/5/25 20:09:55

基于Max78000与规则引导的音频数据集构建：边缘AI声音识别实战

1. 项目概述&#xff1a;当边缘AI遇见棕榈树里的“窃听者”在边缘计算和物联网设备大行其道的今天&#xff0c;我们常常面临一个核心矛盾&#xff1a;一方面&#xff0c;我们希望设备足够“聪明”&#xff0c;能实时识别并响应特定的声音模式&#xff0c;比如工厂里高压阀门的异…...

编程新知 2026/5/25 20:01:35

输电线路在线监测系统｜架空线路安全运行的“第一道防线“！

输电线路微气象监测站是专为高压输电线路、电网廊道、杆塔运维量身打造的专利级一体化微气象智能监测设备。依托双专利超声波探测技术、六要素集成传感架构、无启动风速高精测量、智能抗干扰稳控系统&#xff0c;实现输电线路沿线气象24小时全自动捕捉、动态实时监测、大风风险…...

编程新知 2026/5/25 19:36:52

ubuntu环境下为python项目配置taotoken多模型api密钥与端点

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 Ubuntu环境下为Python项目配置Taotoken多模型API密钥与端点 1. 准备工作 在Ubuntu系统上为Python项目接入Taotoken&#xff0c;首…...

编程新知 2026/5/25 18:30:30

保姆级教程：手把手教你为ESXi 6.7配置主板BIOS（VT-x/VT-d/AES全开）

从零开始&#xff1a;ESXi 6.7主板BIOS设置完全指南当你第一次接触企业级虚拟化平台时&#xff0c;那种既兴奋又忐忑的心情我完全理解。作为过来人&#xff0c;我清楚地记得自己第一次为ESXi配置BIOS时的迷茫——那些专业术语像天书一样&#xff0c;生怕设置错误导致服务器无法…...

编程新知 2026/5/25 17:28:10