webkit - 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。有什么办法可以解决这个问题吗？

Answer 1

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

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