transform是一个属性，本质跟width,height是一样的，加上transform也就是为类增加一个变换属性。
transition是一个属性，它是用来控制过渡效果的，因为用transform可以增加变换效果，而那个变换是瞬间突变，如果想让这个变化是平滑的、过渡型的，则要用transition来控制，设定要控制的属性和过渡的时间即可。
animation是动画效果，要...
分类：
Web程序 时间：
2015-08-07 11:15:13
阅读次数：
113
页面间切换(transition)用如下标记#+REVEAL_TRANS: cube可选的还有几个：default, cube, page, concave, zoom, linear, fade, none我比较喜欢cube，效果如下：...
分类：
其他好文 时间：
2015-08-07 00:28:09
阅读次数：
192
1.-webkit-font-smoothing CSS3里面加入了一个“-webkit-font-smoothing”属性。这个属性可以使页面上的字体抗锯齿,使用后字体看起来会更清晰舒服。 none：文字的默认样式，可能会出现模糊的锯齿模样 antialiase...
分类：
Web程序 时间：
2015-08-06 15:18:27
阅读次数：
240
前几天学的慕课的一个课程，侧栏工具条开发。这门课程主要的学习价值： 1. 讲解的案例场景很实用，用到的技术点也较多，主要有css精灵，background-position，css transition，requirejs，sass，图标字体等； 2....
分类：
其他好文 时间：
2015-08-03 23:05:09
阅读次数：
514
transform可以实现矩阵变换，transition实现属性的平滑过渡，animation意思是动画，动漫，这个属性才和真正意义的一帧一帧的动画相关。本文就介绍animation属性。animation属性通过一些关键帧中元素属性的改变来实现动画效果。当然也可以控制动画持续时间，动画迭代次数等。...
分类：
Web程序 时间：
2015-08-03 13:04:49
阅读次数：
195
【 -moz】/*Firefox4*/-moz-transition:width2s;-moz-transition-timing-function:linear;【-webki】/*SafariandChrome*/-webkit-transition:width2s;-webkit-transi...
分类：
其他好文 时间：
2015-08-02 11:35:23
阅读次数：
136
问题：toggle collapse 类似bootstrap的展开效果（展开一个关闭另一个）Demo：http://jsfiddle.net/JSDavi/L47vscw4/方案：使用transition动画，变换高度。
分类：
Web程序 时间：
2015-07-28 20:40:20
阅读次数：
155
CATransition *transition = [CATransition animation]; transition.duration = 1.0f; transition.subtype = kCATransitionFromTop;//可更改为其他方式 tra...
分类：
其他好文 时间：
2015-07-28 18:06:55
阅读次数：
143
猴子原创，欢迎转载。转载请注明：转载自Cocos2D开发网–Cocos2Dev.com，谢谢！原文地址:p=591" style="color: rgb(255, 97, 0); outline: none; transition: 0.5s; -webkit-transition: 0.5s;">...
分类：
移动开发 时间：
2015-07-28 17:55:32
阅读次数：
172
分享一个判断浏览器是否支持的函数，然后有牵扯到了一个懒性加载的概念。
var iscss3=(function(){
var _style=document.createElement("div").style;
return 'transition' in _style||'mozTransition' in _style||'webkitT...
分类：
Web程序 时间：
2015-07-27 19:14:32
阅读次数：
125
