过渡的哪个 CSS 前缀是正确的 “-webkit-transition: -webkit-transform 1.0”s 或 “-webkit-transition: transform 1.0s”

Posted 2023-02-22

【中文标题】过渡的哪个 CSS 前缀是正确的 “-webkit-transition: -webkit-transform 1.0”s 或 “-webkit-transition: transform 1.0s”

【英文标题】：Which CSS prefix for transition is correct "-webkit-transition: -webkit-transform 1.0"s or "-webkit-transition: transform 1.0s"

【发布时间】：2016-01-12 10:37:45

【问题描述】：

当我使用 -webkit 前缀进行转换时，它的不透明度值是否也需要 -webkit 前缀？所以：

-webkit-transition: -webkit-transform 0.4s;
transition: transform 0.4s;

或

-webkit-transition: transform 0.4s;
transition: transform 0.4s;

【问题讨论】：

第二个是正确的。

感谢您的回答！在这种情况下，不透明度只是一个示例，例如转换需要“-webkit”和“-ms”的前缀。还是过渡属性中根本没有前缀？

有些属性仍然需要前缀，有些则不需要。值得研究前缀解决方案，例如 Autoprefixer 或 PrefixFree 来为您执行此操作，

【参考方案1】：

我运行了 CSS 代码

transition: transform 0.4s;

通过 autoprfixer https://autoprefixer.github.io/（因为我不想在我的网站上实现 autoprefixer）。这是（应该是正确的）结果：

-webkit-transition: -webkit-transform 0.4s;
transition: -webkit-transform 0.4s;
transition: transform 0.4s;
transition: transform 0.4s, -webkit-transform 0.4s;