CSS3过渡效果transition

transition：过渡动画，从一个状态渐渐过渡到另一个状态，经常和:hover一起搭配使用

transition: 变化的属性 花费时间 运动曲线 何时开始;

属性：宽度，高度，背景颜色，内外边距都可以。如果想要所有的属性都变化过渡，写一个all 就可以。

花费时间：单位是秒，必须写单位，可以是1s，或0.5s，或.5s

运动曲线：默认是ease，可以省略不写。linear匀速，ease逐渐慢下来，ease-in加速，ease-out减速，ease-in-out先加速再减速

何时开始：单位是秒，必须写单位，可以设置延迟触发时间，默认是0s，可以省略不写

过渡的使用口诀：谁做过渡给谁加。

案例：鼠标经过div的时候宽度发生变化

宽度，高度都发生变化，写法如下：

/* 如果想要多个属性利用逗号进行分割 */

transition: width 1s, height 1s;

 /* 如果想要多个属性都变化，属性写all就可以 */

 transition: all 1s;