CSS 动画指南

CSS3动画（简单动画的实现，如旋转等）**

依靠CSS3中提出的三个属性：transition、transform、animation。

+**transition**：定义了元素在变化过程中是怎么样的，包含transition-property、transition-duration、transition-timing-function、transition-delay。

+**transform**：定义元素的变化结果，包含rotate、scale、skew、translate。

+**animation**：动画定义了动作的每一帧（@keyframes）有什么效果，包括animation-name，animation-duration、animation-timing-function、animation-delay、animation-iteration-count、animation-direction。

+  具体可以参考一下三篇文章：

http://www.w3cplus.com/content/css3-transition

http://www.w3cplus.com/content/css3-transform

http://www.w3cplus.com/content/css3-animation

http://www.uml.org.cn/html/201110311.asp