CSS(五)：动画

animation-name

动画名称
语法：animation-name：none|
元素所定义的动画名称，必须与规则@keyframes配合使用，因为动画名称由@keyframes定义。

@keyframes

语法：
@keyframes {
[from|to| ]{sRules}[,*]
}
被称为关键帧，其类似于Flash中的关键帧。在CSS3中其主要以[@keyframes]开头，后面紧跟着是动画名称加上一对花括号[{…}]，括号中就是一些不同时间段样式规则。

 1   /*定义一个名为"fromLeftToRight"的向右移动的动画*/
  2   @keyframes fromLeftToRight{
  3       from{margin:0;}
  4       to{margin:100px;}
  5  } 

查看更多关于CSS(五)：动画的详细内容...