CSS 过渡

CSS transition 模块规定了用于创建不同 CSS 属性值之间平滑过渡的功能。可以通过指定它们的缓动函数、持续时间和其他值来控制这些过渡的行为。

通常，当 CSS 属性值改变时，旧值到新值的变化结果是即时的。CSS transition 模块允许在指定的时间段内控制旧属性状态到新状态的渐进过程。它还提供了事件处理程序，允许代码在过渡达到不同阶段时运行。

在某些情况下，过渡没有起始“from”值。例如，如果一个元素被添加到 DOM 中，定义的样式是针对“to”状态的。本模块提供了 @starting-style at-rule，它可以在这种情况下定义起始样式。该模块还定义了离散属性值应如何过渡，例如将离散动画的 display 属性从 none 值过渡到显示的某个值。