过渡速记属性的正确顺序为
transition: <property> || <duration> || <timing-function> ;
最近我注意到在Bootstrap中他们将.carousel-inner
类的顺序更改为:
transition: .6s ease-in-out left;
即:transition: <duration> || <timing-function> || <property>
无论我们如何安排三个参数,转换的工作原理完全相同。所以问题是,
我们可以在转换速记属性中更改参数的顺序吗?参数的顺序真的重要吗?
答案 0 :(得分:0)
@ user31782您评论说,除非有持续时间和延迟,否则速记转换的顺序可能无关紧要。您的扣除似乎是正确的:
虽然这是指动画速记,但这是一个逻辑假设,这也适用于过渡速记属性:
animation
和transition
速记属性在功能上非常相似。Bootstrap正在混合订单,它仍然有效。
你确定级联中没有其他过渡吗?你检查了计算出来的风格吗?
请注意,顺序在此属性的项目中很重要:可以将时间解析为第一个值的值分配给transition-duration,将可以解析为时间的第二个值分配给transition-delay
如果速记中有多个<single-transition>
,并且任何转换的“无”为<single-transition-property>
,则声明无效。
https://www.w3.org/TR/css3-transitions/#transition-shorthand-property