CSS2D变换
transform:
rotate()选择函数(deg)
div{width: 100px;height: 100px;margin: 100px auto;transition: 2s;background: #9BFF67;transform-origin: right bottom;}
div:hover{trans...
分类：
Web程序 时间：
2016-04-26 21:47:48
阅读次数：
195
总结： CSS动画：@keyframes animation；ie10+；加-webkit前缀； CSS过渡：transition；ie10+;加-webkit前缀； 3D转换：transform;ie10+;加-webkit前缀； 2D转换：transform；ie9+；加-webkit前缀； 难 ...
分类：
Web程序 时间：
2016-04-26 15:42:05
阅读次数：
134
iOS 7 UI Transition GuidePreparing for TransitionBefore You StartScoping the ProjectSupporting iOS 6Updating the UIAppearance and BehaviorBars and Bar ...
分类：
移动开发 时间：
2016-04-23 13:16:24
阅读次数：
169
CSS3过渡属性transition:property duration timing-function delay
transition-property:过渡属性的名称
transition-duration:过渡属性花费的时间
transition-timing-function:过渡效果速度曲线
transition-delay:过渡效果延迟时间tra...
分类：
Web程序 时间：
2016-04-22 18:59:11
阅读次数：
648
× 目录 [1]定义 [2]关键帧 [3]动画属性 [4]多值 [5]API 前面的话 transition过渡是通过初始和结束两个状态之间的平滑过渡实现简单动画的；而animation则是通过关键帧@keyframes来实现更为复杂的动画效果。本文将介绍关于animation动画的相关知识 定义 ...
分类：
Web程序 时间：
2016-04-21 20:16:50
阅读次数：
208
<img data-src="/path/to/image.jpg" alt="">img { opacity: 1; transition: opacity 0.3s;} img[data-src] { opacity: 0;} [].forEach.call(document.querySele ...
分类：
其他好文 时间：
2016-04-19 06:09:04
阅读次数：
122
CSS的transform、transition和animation属性 transform属性 （变形） 它是CSS用改变换样式的基础属性，你可以设置这个属性的不同的值，来使样式进行改变 这个属性是比较新的是，所以并不是所有的浏览器都能支持，IE8及之前的浏览器是不支持的。 因此还需要给所有浏览器 ...
分类：
Web程序 时间：
2016-04-18 22:14:57
阅读次数：
297
是一个阉割版的jQuery zepto不支持jQuery过于复杂的选择器，比如:first :last :eq zepto如果要用动画必须再次引包 zepto能将css3中transition支持的动画都用animate表示，比如background-colo background-position ...
分类：
Web程序 时间：
2016-04-17 22:26:31
阅读次数：
303
本文收集了35个惊人的 CSS3 动画演示，它们将证明 CSS3 Transform 和 Transition 属性的强大能力。CSS 是网页设计非常重要的一部分，随着越来越多的浏览器对 CSS3 支持的不断完善，设计师和开发者们有了更多的选择。如今，用纯 CSS 就可以实现各种各样很酷的效果，甚至 ...
分类：
其他好文 时间：
2016-04-11 14:01:53
阅读次数：
119
div{width:100px;height:100px;background:yellow; transition-property:width; transition-duration:1s; transition-timing-function:linear; // transition-ti ...
分类：
Web程序 时间：
2016-04-11 13:59:07
阅读次数：
114
