html - 是否已经可以编写没有前缀的 "transform"css 属性？

Question

如今 HTML5 动画被广泛使用，但开发人员被迫使用硬件动画功能的包装器来编写跨浏览器应用程序。像“transform”这样的简单函数仍然应该这样写:

.foo {
  -webkit-transform: (10%, 20%); 
       -o-transform: (10%, 20%); 
     -moz-transform: (10%, 20%);
      -ms-transform: (10%, 20%); 
}

但是某些浏览器可能会产生并且确实会产生关于未知和其他平台特定 CSS 属性的警告。它可以通过发送浏览器特定的 CSS 来修复。

但是。您建议如何编写

.foo {transform: (10%, 20%)}

所有支持的浏览器一次。现在是否已经可以只用一个标准的非前缀属性来编写它了？

Answer 1

您一直在搜索 -prefix-free .

-prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed.