transition 过渡（CSS3）

这是w3c的说法（官方认证）：通过 CSS3，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。

简单来说，就是我们可以通过css的transition来制作会动的画面。

过渡动画： 是从一个状态 渐渐的过渡到另外一个状态 。

在CSS3里使用transition可以实现补间动画（过渡效果），并且当前元素只要有“属性”发生变化时即存在两种状态(我们用A和B代指），就可以实现平滑的过渡，为了方便演示采用hover切换两种状态，但是并不仅仅局限于hover状态来实现过渡。

如果想要所有的属性都变化过渡， 写一个 all 就可以（transition ：all 0.3s）

transition-duration 花费时间 单位是 秒 s 比如 0.5s 这个 s 单位必须写 ms 毫秒

transition-timing-function 运动曲线 默认是 ease

transition-delay 何时开始 默认是 0s 立马开始

1