CSS3 @keyframes 规则创建css3动画可以用from或者to或者%@keyframes myfirst{}@-moz-keyframes myfirst{ /* Firefox */}@-webkit-keyframes myfirst {/* Safari 和 Chrome */}@...
分类：
Web程序 时间：
2014-10-23 20:30:55
阅读次数：
243
@-moz-keyframes revolving{ 0{ -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); } 25%{ -moz-transform: r...
分类：
Web程序 时间：
2014-09-19 17:15:25
阅读次数：
788
CSS3动画进度条CSS CODE:@-webkit-keyframes move{ 0%{ background-position: 0 0; } 100%{ background-position: 30px ...
分类：
Web程序 时间：
2014-08-25 20:44:54
阅读次数：
415
HTML代码：CSS代码：@-webkit-keyframes spin { from { -webkit-transform: rotate(360deg); transform: rotate(360deg); } to { -webkit-transform: rota...
分类：
Web程序 时间：
2014-08-15 17:32:19
阅读次数：
253
1 div { 2 /* Chrome, Safari, Opera 等使用webkit引擎的浏览器*/ 3 -webkit-animation-name: myfirst; /*规定 @keyframes 动画的名称。*/ 4 -webkit-animation-dura...
分类：
Web程序 时间：
2014-08-08 17:36:26
阅读次数：
282
------------------------------------------------------------------------------------ @keyframes animation 所有动画属性的简写属性，除了 animation-play-state 属性。 anim...
分类：
Web程序 时间：
2014-08-04 01:56:56
阅读次数：
395
今天看到一个国外的网站有这么个效果，很好奇如何实现的，研究了一番，将效果实现了，很酷，不用任何图片
http://abemedia.co.uk/content-management-systems-cms
@-webkit-keyframes rotate1 {
from { -webkit-transform: rotate(0deg); }
...
分类：
其他好文 时间：
2014-07-29 18:10:52
阅读次数：
247
animation驱使一组css style变化到另外一组css style，它可以定义keyframes的集合，指定style的开始和结束状态，它是transition的增强。配置animationanimation-delay：从加载到开始执行的延迟animation-direction：nor...
分类：
Web程序 时间：
2014-07-29 11:56:56
阅读次数：
269
不同于transition的过渡效果，@keyframes能够设置更多的过渡细节，从而更细腻更形象的实现动画效果...
分类：
Web程序 时间：
2014-07-24 10:44:14
阅读次数：
269
演示：http://jsfiddle.net/Adce2/
主要思路：
1， 首先画出侧边栏的html。
2， 利用css3属性分别为close sidebar-content添加显示和隐藏的动画。
3， 利用css3的keyframes来定义动画的样式。...
分类：
Web程序 时间：
2014-06-05 10:05:44
阅读次数：
466
