过渡
transition: 过度属性 持续时间 过度函数 过度延迟 （谁过渡，过渡时间，怎么过渡，多久后过渡）
过渡属性
- 针对哪个css属性应用过渡，例如填写transform，则表示仅对transform属性应用过渡。
- 若填写all或不填写，则表示针对所有css属性都应用过渡。
持续时间
- css属性变化所持续时间，需要带上单位，例如3s表示3秒，0.5s或500ms 均表示500毫秒
过渡函数
- 本质是css属性变化的贝塞尔曲线函数，通常直接使用预设值
- ease-in-out：平滑开始，平滑结束
- linear：线性变化
- ease-in：仅平滑开始
- ease-out：仅平滑结束
过渡延迟
- 书写规则和持续时间一样，表示过度效果延迟多久后触发，不填则无延迟。
备注
- 在JS中，可以监听元素的transitionstart和transitionend事件，从而过渡开始和过渡结束时做一些别的事情。