CSS3：过渡 transition

transition：property（要过渡的属性）-duration（花费的时间）-timing-function（运动曲线）-delay（延迟时间）

例：

transition：all（所有的属性都变化） 2s linear 2s；

transition：width 2s linear，height 2s ease（运动曲线），background-color 2s ease-in；

先展开宽度，再展开高度，背景颜色逐渐变化；

 

transition-property 属性名：width、height、color、all

transition-duration 过渡花费时间：单位（s/ms）

transition-timing-function 过渡效果的时间曲线：默认（ease）

值	描述
linear	规定以相同速度开始至结束的过渡效果
ease	规定慢速开始，然后变快，然后慢速结束的过渡效果
ease-in	规定以慢速开始的过渡效果
ease-out	规定以慢速结束的过渡效果
ease-in-out	规定以慢速开始和结束的过渡效果

transition-delay 过渡效果开始时间：默认（0）