transition

transition
两行写法:
-webkit-transition-property:color;
-webkit-transition-duration:1s;
一行写法:
-webkit-transition:color 1s;
多个属性的过度效果
方法1:-webkit-transition:<属性1> <时间1>,<属性2> <时间2>, ...;
方法2:-webkit-transition:<属性1> <时间1>;
-webkit-transition:<属性2> <时间2>;
关于transition的额外属性
一行写法:
transition:<过度属性名称> <过度时间> <过度模式>
多行写法:
transition-timing-funtion
过度模式的属性值:
ease:缓慢开始,缓慢结束(默认,也就是没有设置过度模式的属性值的时候)
linear:匀速
ease-in:缓慢开始
ease-out:缓慢结束
ease-in-out:缓慢开始,缓慢结束(和ease稍有区别)
transition: <过渡属性名称> <过渡时间> <过渡模式>
transition-timing-function: <过渡模式>
ease、linear、ease-in、ease-out、ease-in-out
为多个属性设置过渡效果的方法
transition :<过渡属性名称><过渡时间><过渡模式>
过渡模式:transition-timing-function
ease 缓慢开始,缓慢结束(默认)
linear 匀速
ease-in 缓慢开始
ease-out 缓慢结束
ease-in-out 缓慢开始缓慢结束(效果稍有不同)

transition:<过渡属性名称> <过渡时间> <过渡模式> 过渡模式分为五种:ease(缓慢开始,缓慢结束),linear(匀速),ease-in(缓慢开始),ease-out(缓慢结束),ease-in-out(缓慢开始,缓慢结束,和ease稍有区别)
transition
transition