可动画的 CSS 属性

2026-01-24 11:16:46

不可动画化

该属性不可动画。当它列在动画关键帧中时，它不会被处理，并且不受过渡的影响。

注意：只针对不可动画属性的动画效果仍会表现出动画效果的通常行为（例如，触发animationstart事件）。

离散

该属性的值不可加，插值在 50% 处从起始值切换到结束值。具体来说，用 p 表示进度值

如果 p < 0.5，则 V_result = V_start；

如果 p ≥ 0.5，则 V_result = V_end。

按计算值

计算值的相应单独组件使用该值类型的指定过程进行组合。如果组件的数量或相应组件的类型不匹配，或者如果任何组件值使用离散动画并且两个相应值不匹配，则属性值作为离散组合。

可重复列表

与按计算值相同，只是如果两个列表具有不同数量的项，它们首先被重复到最小公倍数数量的项。然后每个项按计算值进行组合。如果一对值无法组合或任何组件值使用离散动画，则属性值作为离散组合。