css3动画

分享CSS3动画,CSS3手风琴,CSS3 animation、CSS3 transform和CSS3 transition等CSS3新技术

CSS 3D翻转卡片动画

这个CSS翻转卡片效果是在鼠标滑过上面的时候会有一个炫酷的旋转,显示下面的后面卡片,并且有发光的效果。下面分享一下这个代码:

阅读全文

摘要:使用3D硬件加速提升动画性能时,最好给元素增加一个z-index属性,人为干扰复合层的排序,可以有效减少chrome创建不必要的复合层,提升渲染性能,移动端优化效果尤为明显。 以下为原文:CSS3硬件加速也有坑!!! 常听人说: 移动 ...

阅读全文

纯CSS3实现动画圆弧进度条

来自国外的一个牛人写的代码,根据css3的clip、transform和animation来实现的效果,所以你需要很清楚的知道这些属性是具有哪些作用的才能明白他这个CSS的原理。

阅读全文

一般人不会说出来的移动前端动画技巧,文章来自“TQ的独立博客:玩转HTML5移动页面”,在这篇教程你会发现许多非常有用的动画处理技巧,细心点还会发现许多有用的zepto插件,例如:zepto.onepagescroll.js、zepto-touch.js、weixinshare.js,以下为原文。

阅读全文

插件介绍 Waypoint(路标)是一个很容易执行滚动到元素触发事件的jQuery插件。常常用于滚动到元素时触发动画、添加事件、固定在某个位置和无限滚动加载等。该插件主要是跟我之前写过的滚动固定在某个位置插件类似,只不过将固定起来的事件改为 ...

阅读全文

Material Design 实用案例演示

Material Design 是 Google I/O 2014 最新推出的全平台设计指南。很多效果看起来很炫,有没有办法使用HTML5来做。下面分享一些靠谱的演示代码,代码都是来自codepen上面的代码:详细可以参考 Material ...

阅读全文