1.在css3中定义了新属性animation用于制作动画效果

2.一个完整的动画效果由animation子属性和@keyframes组成。

3.Safari 和 Chrome 支持替代的 -webkit-animation 属性。Internet Explorer 9 以及更早的版本不支持 animation 属性

1.animation是一个简写属性，包含了其他子属性

2.animation-name：规定动画名称

3.animation-duration ：规定动画完整执行完的时长

4.animation-timing-function ：规定动画的执行曲线

5.animation-delay ： 规定动画的开始之前的延迟

6.animation-iteration-count ： 规定动画执行的次数

7.animation-direction ：规定动画是否应该轮流反向播放动画，默认normal

8.animation-fill-mode ： 规定动画时间之外的状态

9.animation-play-state ：

10.注意至少定义animation-name和animation-duration两项 CSS3 动画属性，并将它绑定到某个选择器，否则不会产生动画效果。

1.如需在 CSS3 中创建动画，需要学习 @keyframes 规则。@keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。

2.使用百分比来规定变化发生的时间，或用关键词 "from" 和 "to"，等同于 0% 和 100%，0% 是动画的开始，100% 是动画的完成。

	@keyframes animationName
			{
			0%   {background: red;}
			25%  {background: yellow;}
			50%  {background: blue;}
			100% {background: green;}
			}