css3 -webkit-transform与firefox4不兼容

Question

#anim1 iframe {
    -webkit-transition: -webkit-transform 1s ease-in-out;
    -webkit-transform: rotate3d(0,1,1, 30deg);
    transition: transform 1s ease-in-out;
    transform: rotate3d(0,1,1, 30deg);
  }

  #anim1 iframe:hover {
    -webkit-transform: rotate3d(1, 0, 76, 50deg);
    transform: rotate3d(0,0,1, 30deg);
  }

它适用于Chrome，但不适用于Firefox，当然还有IE.Is有什么方法可以解决这个问题吗？

Answer 1

-webkit是供应商前缀，因此仅在基于webkit的浏览器中生效（其中firefox不是一个）。

Firefox基于Mozilla，其供应商前缀为-moz。所以查找等效的样式（例如-moz-transition）并检查它是否接受相同的语法（我相信它会这样）。