CSS变换&；转换哪些前缀（例如-o-）是必需的？

是否有最新的文档列出转换和转换需要下列前缀中的哪些前缀，以及浏览器版本？或者有人能给我总结一下吗

我需要使用所有这些进行转换吗

    -webkit-transform: 
    -moz-transform: 
    -ms-transform: 
    -o-transform: 
    transform: 

所有这些都是为了过渡

    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;

---

为了安全起见？

保持前缀的最新是一项永无止境的努力，人们可能会想投入其中，或者像我一样，为了更好/更简单的解决方案而放弃

就我个人而言，我来自于那些将代码质量置于功能之上的核心纯粹主义者。因此，我不加任何前缀

我知道这在许多情况下是不可接受的，因为在这些情况下，需要在尽可能多的机器上工作（例如，当您在客户端项目上工作时），并且开始使用CSS预处理器，自动为CSS代码添加前缀，以支持一组指定的机器（例如“所有主要浏览器的最后5个版本”），或“90%的市场份额”）。这样，您的代码保持干净，并且仍然有一个前缀整齐的生产文件。预处理器还可以做许多其他方便的事情；嵌套CSS和变量只是其中的两个

---

同时给出您的问题的真实答案：这是一个很好的服务，可以查看给定CSS属性上的浏览器支持。它还告诉您哪个浏览器仍然需要为属性添加前缀。

可能不需要。为此，您可能需要自己进行浏览器测试。可能是最新的信息支持和。为了安全起见，我会全部使用。如果您使用SASS或更少，您可以创建一个mixin，使您的生活更轻松

少

无礼

---

请在发布任何问题之前搜索一下。。。我看着卡努斯。没有找到确切的解释。它只是说有多少%的浏览器支持它。还是我瞎了？要求我们建议、查找或推荐书籍、工具、软件库、插件、教程、解释技术或提供任何其他非现场资源的问题对于堆栈溢出来说都是离题的。对不起。有没有任何stackexchange论坛可以让我问这个问题@Paulie_d这是您从e caniuse获得的，根据您的支持需求，您可以知道需要使用哪些前缀谢谢。但假设我使用了“translateX”，它只指向2D动画。并表示旧安卓浏览器需要-webkit-si。那么这是否意味着在这种情况下我只能做-webkit-transofrm和transform？我会得出这个结论，是的。按“show all”（全部显示）也会显示一个过时浏览器的列表，您会看到很多浏览器都需要前缀。在决定使用哪个前缀之前，你也应该检查一下。我真的是个盲人。我从来没有注意到“全部显示”按钮。这正是我需要的。FML。非常感谢。

.transition (@transition) {
    -webkit-transition: @transition;  
    -moz-transition:    @transition;
    -ms-transition:     @transition; 
    -o-transition:      @transition;
    transition:         @transition;
}
.transform(@transform){
    -webkit-transform:   @transform;
    -moz-transform:      @transform;
    -ms-transform:       @transform;
    -o-transform:        @transform;
    transform:           @transform;
}

@mixin transition($transition...) {
    -moz-transition:    $transition;
    -o-transition:      $transition;
    -webkit-transition: $transition;
    transition:         $transition;
}

@mixin transform($transform) {
    -moz-transform:    $transform;
    -o-transform:      $transform;
    -ms-transform:     $transform;
    -webkit-transform: $transform;
    transform:         $transform;
}