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

时间:2016-05-07 05:03:34

标签: html css twitter-bootstrap css3 css-transitions

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

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

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

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

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

无论我们如何安排三个参数,转换的工作原理完全相同。所以问题是,

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

1 个答案:

答案 0 :(得分:0)

更新

@ user31782您评论说,除非有持续时间和延迟,否则速记转换的顺序可能无关紧要。您的扣除似乎是正确的:

  

Just space-separate all the individual values. The order doesn't matter except when using both duration and delay, they need to be in that order.

虽然这是指动画速记,但这是一个逻辑假设,这也适用于过渡速记属性:

  1. animationtransition速记属性在功能上非常相似。
  2. Bootstrap正在混合订单,它仍然有效。


    OLD

  3. 你确定级联中没有其他过渡吗?你检查了计算出来的风格吗?

      

    请注意,顺序在此属性的项目中很重要:可以将时间解析为第一个值的值分配给transition-duration,将可以解析为时间的第二个值分配给transition-delay

    如果速记中有多个<single-transition>,并且任何转换的“无”为<single-transition-property>,则声明无效。

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