Transition的第三个参数是什么?

时间:2015-05-21 17:48:28

标签: css

我有一个自助式旋转木马,除了Ipads以外,每个设备都可以正常使用。

我还在研究,并没有准备好提出一个完整的问题,但我遇到了CSS,我不明白。

transition: 0.4s ease-in-out left;

作品

transition: 0.4s ease-in-out;

创建一个白色方框对象的附加滑动。

那么左边在过渡造型中代表了什么?

2 个答案:

答案 0 :(得分:2)

来自CSS技巧:

https://css-tricks.com/almanac/properties/t/transition/

.example {
    transition: [transition-property] [transition-duration] [transition-timing-function] [transition-delay];
}

答案 1 :(得分:0)

实际上它应该是:

transition: left 0.4s ease-in-out;

使用速记版本时,要转换的属性应该是第一个参数。

transition: "property" || "duration" || "timing-function" || "delay"

参考:http://www.w3.org/TR/css3-transitions/#transition-shorthand-property