前言：

我感觉其实css动画工作中用的不是很多（可能看工作类型吧），但是感觉还是非常强大的，又非常有意思，所以在空闲之余总结一下css动画的一些属性及设置方法，并通过实例加强学习。

一、animation

animation共有8个属性，分别是：

• animation-name
• animation-duration
• animation-timing-function
• animation-delay
• animation-iteration-count
• animation-direction
• animation-fill-mode
• animation-play-state

以上属性可以通过animation简写设置，语法：

animation:name duration timing-function delay iteration-count direction fill-mode play-state;

下面将详细介绍下这几个属性，并举