该文为译文转载，原文地址：http://tech.163.com/mobile/10/0106/09/5SB96QSM00112K88.html译文：你需要知道的CSS3 动画技术原文：What You Need To Know About Behavioral CSS为网络而生CSS 3的属性比如...
分类：
Web程序 时间：
2015-01-09 16:59:57
阅读次数：
140
上一节花了大篇幅整理了CSS3中动画属性中的Transform，今天我们接着一起来看CSS3动画属性中的另一个属性Transition。W3C标准中对css3的transition这是样描述的：“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得...
分类：
Web程序 时间：
2015-01-09 16:55:03
阅读次数：
348
CSS3动画相关的属性：transform,transition,animation.变形Transform语法：transform: rotate | scale | skew | translate |matrix;rotate:旋转，通过指定一个角度对原元素进行2D旋转，正值表示顺时针旋转，负...
分类：
Web程序 时间：
2015-01-04 21:14:57
阅读次数：
216
纯css3实现了一个正六边形的走马灯效果，记录一下css3动画的学习情况，效果如下：主要用到的css3技术有：keyframes、perspective、perspective-origin、transform（translate、rotate）、animation、transform-origin...
分类：
Web程序 时间：
2014-12-26 11:07:43
阅读次数：
1144
当css3的animation完成一个动画，我们想让动画保持在终止的状态或其他一些事件，要怎么做呢我们可以监听 webkitAnimationEnd 事件就可以// 动画结束时事件o.addEventListener("webkitAnimationEnd", function() { con...
分类：
Web程序 时间：
2014-12-26 09:35:35
阅读次数：
290
效果体验：http://keleyi.com/keleyi/phtml/css3/14.htm以下是代码： 1 2 3 4 5 CSS3鼠标悬停显示动画边框-柯乐义 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 请使用支持HTML5的浏览...
分类：
Web程序 时间：
2014-12-25 12:41:21
阅读次数：
177
偷懒使用animate.css来制作效果animate动画的基本属性：属性描述CSS@keyframes规定动画。3animation所有动画属性的简写属性，除了 animation-play-state 属性。3animation-name规定 @keyframes 动画的名称。3animatio...
分类：
Web程序 时间：
2014-12-23 12:10:47
阅读次数：
186
很多时候，我们需要一些炫酷的动画效果，让页面更加吸引用户的眼球，现有比较好用的JS动画库有：velocity和GSAP(支持falsh和js)。今天这里主要学习的是velocity配合css3动画，快速打造属于你的专题页面。 PS：发现各种炫酷的效果都是由这些简单的动作通过组合实现的，发现最终...
分类：
其他好文 时间：
2014-12-14 15:42:00
阅读次数：
369
说到动画，我们一般会使用jQuery 中的animate();在PC浏览器中，是很方便的，由于PC的高性能，这种不断修改DOM的做法确实不会出现太大的问题，但是在手机端就不同了。手机上使用jQuery 或 Zepto中的animate还是会带来一些小的卡顿。手机平台虽然硬件性能稍微差一些，但是web...
分类：
移动开发 时间：
2014-12-13 17:51:19
阅读次数：
187
