我们可以更改转换速记属性中参数的顺序吗?

Question

过渡速记属性的正确顺序为

transition: <property> || <duration> || <timing-function> ;

最近我注意到在 Bootstrap 中，他们将类的顺序更改为.carousel-inner：

transition: .6s ease-in-out left;

即：transition: <duration> || <timing-function> || <property>

事实上，无论我们如何安排这三个参数，过渡的工作方式都完全相同。所以问题是，

我们可以更改过渡速记属性中参数的顺序吗？参数的顺序真的重要吗？

Answer 1

更新

@user31782你评论过，也许速记过渡的顺序并不重要，除非同时存在持续时间和延迟。您的推论似乎是正确的：

只需用空格分隔所有单个值即可。顺序无关紧要，除非同时使用持续时间和延迟，它们需要按该顺序排列。

虽然这指的是动画速记，但逻辑假设这也适用于过渡速记属性：

1. animation和transition速记属性在功能上非常相似。

2. Bootstrap 正在混淆顺序，它仍然有效。

   ---

   老

您确定在级联中没有其他过渡吗？您是否检查了计算样式？

请注意，顺序在此属性的项中很重要：可

分析为时间的第一个值分配给转换持续时间，可分析为时间的第二个值分配给转换延迟。

如果速记中有多个<single-transition>，并且任何转换都有"none"作为<single-transition-property>，则声明无效。

https://www.w3.org/TR/css3-transitions/#transition-shorthand-property