### transition:过渡动画 > * 在CSS3里使用transition可以实现补间动画（过渡效果） > * transition: 要过渡的属性 花费时间 运动曲线 何时开始;（过渡所有属性用all代替）。 #### 属性 * `transition:`简写属性，用于在一个属性中设置四个过渡属性。 * `transition-property:`规定应用过渡的 CSS 属性的名称。 * `transition-duration:`定义过渡效果花费的时间。默认是 0。 * `transition-timing-function:`规定过渡效果的时间曲线。默认是 "ease"。 > `linear:`匀速。 > `ease:`逐渐慢下来。 > `ease-in:`加速。 >`ease-out:`减速。 > `ease-in-out:`先加速，后减速。 * `transition-delay:`规定过渡效果何时开始。默认是 0。。 > 使用场景 > ~~~ > 当我们做将鼠标悬停改变当前元素的css 属性时候，虽然不使用transition 也能实现， > 但是 效果僵硬没有过度效果，这时候可以使用transition 来解决这个问题 > ~~~