浅谈 CSS3 timing-function:steps() 动画函数
一、不堪回首的过往 在应用 CSS3 渐变/动画时,有个控制时间的属性 <timing-function> 。它的取值中除了常用到的 三次贝塞尔曲线 以外,还有个让…
组件分享之 JavaScript 运动框架
JS 原生运动组件 Why? 大家都知道 JQuerry 有 animate 方法来给 DOM 元素进行运动,CSS3 中也有 transition、transform 来进行运动。而使用原生的 Ja…
CSS animation 和 transition 的性能探究
你可能已经在你的项目中用上了CSS Animation和CSS transition。如果还没有用上,那你有点 out 了。快去看下 CSS-Trick 上的这两篇关于animation和tran…
tween 是什么?如何使用?你为什么想用它?tween 用户指南 中文版
补间动画(来自 in-between)是一个概念,允许你以平滑的方式更改对象的属性。你只需告诉它哪些属性要更改,当补间结束运行时它们应该具有哪些最终值…
kissui.scrollanim 网页滚动动画插件
kissui.scrollanim 是一款实用的纯 JS 和 CSS3 页面滚动动画库插件。通过该插件可以使元素进入浏览器视口的时候,展示指定的 CSS3 动画效果。 基本上…
CountUp.js 轻量级数字滚动动画特效插件
CountUp.js 是一种无依赖项的轻量级 JavaScript 类,可用于快速创建以更有趣的方式显示数字数据的动画。尽管它的名字,CountUp 可以在两个方向上进行…
CSS3 Animation Cheat Sheet 功能齐全的 CSS 动画库
CSS3 Animation Cheat Sheet 是一组预设的动画库,为您的 Web 项目添加各种很炫的动画。所有你需要做的是添加样式表到你的网站,为你想要添加动画效果…
Magic 一个比较魔性的 CSS3 动画库
Magic CSS3 Animations 动画是一款独特的CSS3动画特效包,你可以自由地使用在您的网页中。只需简单的在页面上引入 CSS 文件 magic.css 或者压缩版本 m…
Effeckt.css 高性能的过渡和动画库
Effeckt.css 是一个集合了众多新鲜而又实用的 CSS/jQuery 动画效果应用,既适用于网站也适用于手机 Web 开发,例如:弹窗、按钮、导航、列表、页面切…
OriDomi 在网页中像纸一样折叠 DOM 元素炫酷插件
Web 原本是扁平化的,但是现在你可以折起来。OriDomi 是一个开源的 JavaScript 库,使得 DOM 元素能够实现像纸折一样折叠的效果。在创建你所看到的场…
Readmore.js 基于 jQuery 内容显示和隐藏插件
readmore.js 是一个平滑,轻巧的jQuery插件,通过 阅读更多 和 关闭 链接折叠和展开大段文字,对于 Readmore.js 所需的标记也非常轻巧,非常简单。无…
和 Transformjs 一起摇摆
记得以前 facebook 做过一款 HTML5 游戏。开场动画是一块软体类似豆腐的东西一起摇摆。类似的效果如下面的 gif 所示: facebook 当时使用的是 createj…
waitMe 轻量级 Web 加载动画插件
waitMe 是一款 jQuery 和 CSS3 超酷 loading 加载动画特效插件。该 loading 加载动画特效使用 CSS3 制作了 14 种不同的 loading 动画效果,并且你还可…