css3新特性动画片 |自动解析下载css中图片

css 加属性，css撑起来，css浮动窗格右移，css3运行环境，css3经过图片放大，准确描述8种css规则，自动解析下载css中图片 css3新特性动画片 |自动解析下载css中图片

/* 为元素添加动画效果 */
.box {
width: 100px;
height: 100px;
background-color: red;
animation-name: example;
animation-duration: 2s;
animation-iteration-count: infinite;
}
/* 定义动画 */
@keyframes example {
0%   {background-color:red; transform: rotate(0deg);}
50%  {background-color:orange; transform: rotate(180deg);}
100% {background-color:red; transform: rotate(360deg);}
}

在这个例子中，大家通过使用CSS3的animation属性为一个元素添加动画效果。当大家将这段CSS代码应用到一个HTML元素时，它将会以2秒钟的时间周期重复地转动，并不断变换颜色。这彰显了CSS3动画在网页设计中的巨大威力。

除了通过@keyframes关键字定义动画效果外，大家还可以使用许多其他的CSS3属性，例如transition、transform等等，来实现更为复杂和细致的动画效果。另外，随着CSS3标准的不断更新和发展，越来越多的新特性将被加入到CSS3动画中，让大家拭目以待吧。