@-webkit-keyframes bird{ 0% { -moz-transform: translate(0,0); -webkit-transform: translate(0,0); -o-transform: translate(0,0); ...
分类：
移动开发 时间：
2014-12-05 17:02:52
阅读次数：
364
@-moz-keyframes daf{ 0% { -moz-transform: rotate(-360deg) scale(0.2); -webkit-transform: rotate(-360deg) scale(0.2); -o-transfor...
分类：
Web程序 时间：
2014-12-05 16:52:50
阅读次数：
296
@-webkit-keyframes Parallaxs{ from { -webkit-transform: rotate(180deg) ; -moz-transform: rotate(180deg) ; -o-transform: rotate(180d...
分类：
Web程序 时间：
2014-12-05 16:50:46
阅读次数：
162
第一步：
定义动画，名字可以各种起，就像方法名一样
1. 定义动画，名称为fadeIn
@-webkit-keyframes fadeIn {
0% {
opacity: 0; /*初始状态 透明度为0*/
}
50% {
opacity: 0; /*中间状态 透明度为0*/
}
100% {
opacity: 1; /*结尾状态 透明度为1*/
}
}
方法里面还...
分类：
Web程序 时间：
2014-12-04 18:11:07
阅读次数：
220
@keyframes规则用于创建动画。 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果@keyframes 中创建动画时，请把它捆绑到某个选择器，否则不会产生动画效果。通过规定至少以下两项 CSS3 动画属性，即可将动画绑定到选择器：规定动画的名称规定动画...
分类：
Web程序 时间：
2014-11-29 10:09:15
阅读次数：
243
纯CSS发抖当您在 @keyframes 中创建动画时，请把它捆绑到某个选择器，否则不会产生动画效果。通过规定至少以下两项 CSS3 动画属性，即可将动画绑定到选择器：规定动画的名称规定动画的时长html 抖动方式 ...
分类：
Web程序 时间：
2014-11-26 17:56:51
阅读次数：
283
此练习作品是为学习HTML5+CSS3而设计的（如有不好请大家批评指教~~~）。采用了CSS3的动画@keyframes规则设计div块的移动、伸缩、旋转和渐变：动画定义：animation:animationName;div块的移动：@keyframes keyframeName{ from{d....
分类：
Web程序 时间：
2014-11-21 16:11:47
阅读次数：
299
Animation 案例解释: ------------摘自W3c .demo1 { -webkit-animation-name:'wobble';/*动画属性名，也就是我们前面keyframes定义的动画名*/ -webkit-animation-dura...
分类：
其他好文 时间：
2014-11-10 17:32:39
阅读次数：
141
@keyframes ico{ 0% { top: -100%; } 100%{ top:4%; } } @-webkit-keyframes ico{ 0% { top: -100%; } 100%{ top:4%; } } .lo...
分类：
Web程序 时间：
2014-10-30 20:39:26
阅读次数：
179
效果图：知识点：1、perspective ，transform 的复习2、css3 backgroud实现格格背景，即面上的小格格3、@-webkit-keyframes 实现动画HTML：[html] view plaincopy前面的3D商品展示中已经说过如何制作正方体，并且那个上面还有数字，...
分类：
Web程序 时间：
2014-10-28 02:00:30
阅读次数：
289
