如果父母有背面可见性：隐藏，那么带有3d变换的子元素的背面不会隐藏

Question

所以我有样式的父元素

-webkit-transform: rotateY(180deg);
-webkit-backface-visibility: hidden;

我想将3d变换设置为子元素

-webkit-transform: translate3d(0, 0, 0);

但是当我这样做时，孩子的背面不会与其父母隐瞒。当然，我可以设置

 -webkit-backface-visibility: hidden;

对孩子也有，但还有其他方式吗？

http://jsfiddle.net/9eCTM/3/（悬停以旋转）