transition用来制作过度效果
语法:
transition-property : <过度属性名称>
transition-duration : <过度时间>
transition-timing-function:<过度模式>
可将两者属性写在一起 : transition:<过度属性名称> <过度时间><过度模式>,<过度属性名称> <过度时间><过度模式>, .........
过度模式属性:
- ease: 缓慢开始,缓慢结束
- linear: 匀速
- ease-in: 缓慢开始
- ease-out: 缓慢结束
- ease-in-out: 缓慢开始,缓慢结束(和ease稍有区别,可自行尝试下)