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)并检查它是否接受相同的语法(我相信它接受)。