Safari -webkit-backface-visibility无法正常工作

Question

我有一个页面元素，即CSS转换来翻转卡片的正面和背面。

在Safari中，我似乎无法隐藏前面背面或显示背面，可能是因为前面的背面不应该隐藏起来。

它在Chrome中完美运行，但不适用于Safari。

我在这里发现了类似的问题，但没有提供任何解决方案。

.item-front, .item-back {
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
}

这是一个小提琴：

http://jsfiddle.net/ddolan/V2gvG/4/

Answer 1

Safari目前需要-transition和transform的-webkit前缀。在您的小提琴中，您忘记在transform-style: preserve-3d;规则中添加前缀.item-flipper。

只需添加-webkit-transform-style: preserve-3d;，您也可以在Safari中使用。