transition属性

transition属性
语句格式：
transition：<过度属性名称><过度属性时间><过度模式>
transition-property：color；<过度属性名称>
transition-duration：1s；<过度属性时间>
transition-timing-function<过度模式>

过度模式分为以下几种：
ease：缓慢开始，缓慢结束（默认值）
linear：匀速
ease-in：缓慢开始
ease-out：缓慢结束
ease-in-out：缓慢开始，缓慢结束（和ease稍有区别）
当div背景色为黄色，鼠标移动到div上时，背景色逐渐变为红色。
例如使div背景色红色在5秒内缓慢的变为黄色

Paste_Image.png

Paste_Image.png

Paste_Image.png