css3的transition过渡

transition

它的中文翻译就是过渡，转变，变迁，在css中，用来设置元素或对象变换时的过渡。

由一个样式变成另一个样式的过程。

他有四个值：

transition-property    设置对象中参与过渡的属性

transition-duration   设置对象过渡的持续时间

transition-timing-function     设置对象过渡的动画类型

linear:线性过渡。

ease:平滑过渡。（默认值）

ease-in:由慢到快。

ease-out:由快到慢。

ease-in-out:由慢到快再到慢。

transition-delay   设置对象等待多长时间才过渡

 

例：transition: border-color 0.5s ease-in 1s,background-color 0.5s ease-in 1s,color 0.5s ease-in 1s;

       transition:all 0.5s ease-in 1s;

       

       transition-property:all;

       transition-duration:5s;

       transition-timing-function:ease-in;

       transition-delay:1s;