CSS动效库有哪些?

与Animate.css十分类似,也是一个预定义了一系列动效的CSS库。但与Animate.css的最大区别可能是,它定义的那些动效更炫也更酷一些 许多基于CSS3的动画效果,并且带有许多在别的地方根本找不到的自定义样式。这是一个非常大的CSS3代码库合集 文件大小:36.5 KB.AniJS 3427 ★ 通过JavaScript控制的动效...
CSS动效库有哪些?
Animate.css
56401 ★
一个跨浏览器的动效基础库,是许多基础动效的解决方案。从经典的弹跳动效到独特的扭曲动效,一应俱全。
文件大小:55.2 kB.
Bounce.js
5754 ★
可以直接在浏览器中进行设计和设置的动画库,带有一个完整的网页构建器,只需添加一个组件,选择预设,然后你就可以得到CSS 代码了
和其他的同类工具不同的地方在于,它不仅仅是一个库,而是有这用户可以直接操作的实际功能,它带有一个完整的网页构建器。Bounce.js 是为数不多的可以直接在浏览器中进行设计和设置的动画库之一。
文件大小:16 kB.
Anime.js
21084 ★
支持 CSS,DOM,SVG,和JS对象
点击Documentation,查看animejs的动效组件说明文档;点击Codepen,进入anime的动效库,查看可编辑的动效演示和示例。
将动画加持在LOGO、按钮、图像等各种各样的元素上。它支持各种常见的触发机制,比如点击、悬停、滑动,你可以借助它定义一系列的动画。
缺少自定义特效
作为Three JS的潜在替代方案
Magic Animations
5754 ★
与Animate.css十分类似,也是一个预定义了一系列动效的CSS库。但与Animate.css的最大区别可能是,它定义的那些动效更炫也更酷一些
许多基于CSS3的动画效果,并且带有许多在别的地方根本找不到的自定义样式。这是一个非常大的CSS3代码库合集
文件大小:36.5 KB.
AniJS
3427 ★
通过JavaScript控制的动效库
号称“无需编码即可提升网页设计的图书馆”,通过 if、on、do、to 等简单的命令更加直观地处理动效还能用来控制前面 Animate#www.xiyueansheng.com#css 来创造动效。
文件大小:10.5 kB.
CSShake
3781 ★
元素颤抖效果。一个疯狂摇动的动效库,包括方向(水平、上下),类型(固定、疯狂),强度(强、弱)等等
动画效果非常的疯狂、独特,它并不一定适合每个网站。
文件大小:78.8 kB.
Velocity.js
14692 ★
一个简单易用、高性能、功能丰富的轻量级JS动画库。它能和 jQuery 完美协作,且不依赖 jQuery。
支持原生js,jq,react写法,作为vue粉,失望的是,暂时没有vue相关的插件
文件大小:34.8 kB.2024-08-15
mengvlog 阅读 9 次 更新于 2025-06-20 01:08:36 我来答关注问题0
  • Snabbt.js:小巧且支持链式语法,适用于移动应用,复杂动效易实现。Odometer:为数字动效设计,适用于展示人数增加、倒计时等。Hover.css:提供丰富Hover效果,包括变换、图标变换、背景变换等,广泛应用于元素。以上库为前端开发者提供丰富动效选项,优化用户体验。欢迎关注公众号“wow1ke”。

  • 通过JavaScript控制的动效库 号称“无需编码即可提升网页设计的图书馆”,通过 if、on、do、to 等简单的命令更加直观地处理动效还能用来控制前面 Animate#www.xiyueansheng.com#css 来创造动效。文件大小:10.5 kB.CSShake 3781 ★ 元素颤抖效果。一个疯狂摇动的动效库,包括方向(水平、上下),类型(固...

  • 实现移动端单屏滚动网页并包含CSS3动画效果,可以采用fullpage.js结合zepto.js的方法。animate.css是提供动画效果的库,适用于实现90%的动画需求。具体实现步骤如下:引入fullpage.js和zepto.js库。 在HTML中创建单屏滚动结构,通常包括一个包含多个部分的容器。 为各部分添加需要的CSS样式,并利用...

  •  文暄生活科普 有哪些前端特效学习的网站?

    一、CodePen,网址: codepen.io/,一个在线的前端开发社区,提供了丰富的前端特效、动画和交互效果的展示和分享平台。二、Animate.css,网址: daneden.github.io/anima...,一个跨浏览器的动效基础库,提供从经典到独特的各种动效解决方案。三、Anime.js,网址: animejs.com/,一款强大的使用JS开发...

  •  黑科技1718 css动画效果的各种实现方法与区分,使用transition实现一个简单的翻牌效果

    1. transition ,所在元素块样式变动时启动,可用于样式变动时 产生过渡动画效果 | transition-property | 规定设置过渡效果的 CSS 属性的名称。 | | transition-duration | 规定完成过渡效果需要多少秒或毫秒。 | | transition-timing-function | 规定速度效果的速度曲线。 | | ...

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部