Velocity.js简明教程（中文版上） 滚动动画 使用Velocity.js，你可以快速实现垂直和水平滚动动画。滚动可以与整个页面或元素相关。无论哪种方式，都要在即将滚动到视图中的元素上调用Velocity。 下面的…

html 总是那么的惊奇 来源于“硬件加速” 年初的一个笔记，闲时整理出来。 很多网上文章都说建议打开浏览器的硬件加速，这样页面渲染速度、动画流畅性会提高。这几乎成了很多人页面制作的标配，管实际有没有用都来一个： htm…

为一个元素添加一个动画class之后你还在用settimeout来延迟下一个动作了，你out啦下面这些绝对是装逼的知识点。 1.animation动画监听 -webkit-animation动画其实有三个事件： 开始事件…

在实习做一个移动项目的时候，实现一个动画效果，在 iPhone 和 Chrome 上调试没有问题，在千元左右的 Android 机上测试问题就很大了，卡顿非常明显，百思不得其解，吐血，卒。 这个悲伤的故事就是本文的引子，…

链接下划线是非常常见的一种样式，最近做了一个非常简单的视觉效果，非常不错，可以点下面链接查看。 http://jsbin.com/zanewe/edit?html,css,output 创建这种效果是非常简单的，不需要添…

构建css3动画的属性很简单，总的来说只有transform（变形），transition（过渡），和animation（动画）这三种。所以这里，更少的从介绍语法的角度，而是从使用的角度来介绍css3动画具体的每一个属性…

loading加载效果 效果如下所示，点击预览： http://codepen.io/hawx1993/pen/YyYVpX box-shadow 属性 box-shadow: 投影方式，X轴偏移量，Y轴偏移量，阴影模糊…

CSS3 提供给了我们非常多的转换函数： 2D: translate, rotate, scale, skew. 3D: translate3d, rotate3d, scale3d, skew3d. 只需要将这些函数作…

CSS3 大大强化了制作动画的能力，但是如果要做出图案比较复杂的动画，选择 GIF 依然是一个不错的选择。今天给大家介绍一个使用 CSS animation 配合雪碧图(CSS sprite)来制作动画的方法，可以做出类…

很棒的loading效果，收藏一下，原文使用 CSS3 实现超炫的 Loading（加载）动画效果 一 HTML 代码： <div class="spinner"> <div class="rect1"…

中文地址：http://www.cnblogs.com/rubylouvre/p/3471490.html 原文地址：http://blog.teamtreehouse.com/increase-your-sites-p…

keyframes被称为关键帧，类似于flash中的关键帧。在Css3中主要以@keyframes坐开头，后面接着是动画名称+{}，“{}“中就是不同时间段的样式规则了。当然之前要对transition有一丢丢了解的最好…