javascript - 转换属性不适用于Firefox，但适用于Chrome和Safari。该怎么办？

宇大

呼吁保持一致-Mozilla bug

宇大

新增中

  transform: rotateY(0deg);

卡的一侧是临时固定物，需要正确固定。

重复项不会影响此解决方案，并且含糊不清。

题

特别是backface-visibility在这里：

.card__face {
  position: absolute;
  width: 100%;
  height: 100%;

  backface-visibility: hidden;
}

我尝试添加-moz-前缀，尽管根据caniuse可能不需要它：

仍然不起作用。 Chrome不能使用任何前缀，而Safari可以使用-webkit-前缀，与caniuse.com相反。

这是jsfiddle。单击图标应使图标旋转180度。

最佳答案

将rotateY(0deg)添加到您的.card__face--front类。

.card__face--front { transform: rotateY(0deg);}

http://jsfiddle.net/3h0cgukf/