css - 旋转图片在Firefox中不起作用

这是我的CSS代码

  .buildrag-toggle {
      -webkit-transform: rotate(180deg);
      -webkit-transition: 300ms ease all;
      -moz-transition: 300ms ease all;
      -o-transition: 300ms ease all;
      transition: 300ms ease all;
    }

您能否解释一下为什么仅在其他浏览器上的Firefox中无法使用？

最佳答案

编写标准规则，-webkit-前缀仅适用于chrome / safari

.buildrag-toggle {
  -webkit-transform: rotate(180deg); /* chrome / safari only */
  transform: rotate(180deg); /* standard */
  -webkit-transition: 300ms ease all;
  -moz-transition: 300ms ease all;
  -o-transition: 300ms ease all;
  transition: 300ms ease all;
}

关于css - 旋转图片在Firefox中不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36353218/