Css动画：animation：name:定义动画的名称，和后面的@keyframes一起使用(关键帧)，而关键帧里面可以设置from,to,百分比等等。而且一般在外层设置动画的相关属性，如name,duration,iteration-count,timing-function,alternate...
分类：
其他好文 时间：
2015-08-31 13:16:08
阅读次数：
173
通过 CSS3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。CSS3 @keyframes 规则如需在 CSS3 中创建动画，您需要学习 @keyframes 规则。@keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS...
分类：
Web程序 时间：
2015-08-28 15:25:40
阅读次数：
154
HTML5/CSS3时代，我们要在web里做动画选择其实已经很多了:你可以用CSS3的animattion+keyframes;你也可以用css3的transition;你还可以用通过在canvas上作图来实现动画，也可以借助jQuery动画相关的API方便地实现;当然最原始的你还可以使用windo...
分类：
Web程序 时间：
2015-08-26 23:54:03
阅读次数：
203
animation只应用在页面上已存在的DOM元素上，学这个不得不学keyframes，我们把他叫做“关键帧”。keyframes的语法法则： @keyframes flash { from{ left:0; } ...
分类：
Web程序 时间：
2015-08-20 18:23:55
阅读次数：
149
.keyframes(@fx,@fy,@tx,@ty,@name){ //声明一个动画函数，只需要写一个函数就可以到处调用了
@keyframes @name
{
from {
transform:translate(@fx,@fy);
opacity:0;
filter:alpha(opacity=0);
}
to {...
分类：
Web程序 时间：
2015-08-17 12:04:53
阅读次数：
197
1.@keyframes定义和用法 通过 @keyframes 规则，您能够创建动画。 创建动画的原理是，将一套 CSS 样式逐渐变化为另一套样式。 在动画过程中，您能够多次改变这套 CSS 样式。 以百分比来规定改变发生的时间，或者通...
分类：
Web程序 时间：
2015-08-06 18:54:24
阅读次数：
572
动画(Animation),是CSS3的亮点.//之一通过animation属性指定@keyframe来完成关键帧动画;@keyframe用法: @keyframes name { 0% { top: 0; }/*0%可用from关键字替代*/ 50% { top: 10px; } 100%...
分类：
Web程序 时间：
2015-08-03 18:36:05
阅读次数：
146
演示：http://jsfiddle.net/Adce2/其主要思想：1， 先画边栏html。2， 使用css3分别财产close sidebar-content动图片。3， 使用css3的keyframes要定义动画的风格。 版权声明...
分类：
Web程序 时间：
2015-07-25 13:48:39
阅读次数：
119
HTML5/CSS3时代，我们要在web里做动画选择其实已经很多了:你可以用CSS3的animattion+keyframes;你也可以用css3的transition;你还可以用通过在canvas上作图来实现动画，也可以借助jQuery动画相关的API方便地实现;当然最原始的你还可以使用windo...
分类：
Web程序 时间：
2015-07-24 22:32:42
阅读次数：
120
@-webkit-keyframes swing {20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }20% { -webkit-transform: rotate(15deg);}40%{-webkit-transform: rotate(-10deg);}60%{-webkit-transform: rotate...
分类：
Web程序 时间：
2015-07-24 13:07:44
阅读次数：
956
