プレフィックス -WEBKIT-、-MOZ-、特性、キューブの他の面など、この問題を解決するために必要のないすべてのコードを削除しました。同じ質問を持つ他の投稿が既にあることは知っていますが、これには解決策があるので、この妥当性が IE10 で機能しない理由を理解したいと思います。
.container-cube {
perspective: 1000px;
-ms-perspective: 1000px;
}
#cube {
transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform: translateZ( -100px );
-ms-transform: translateZ( -100px );
transition: all ease 2s;
-ms-transition: all ease 2s;
}
#cube .front{
transform: rotateY( 0deg )
translateZ( 150px ); -ms-transform:
rotateY(0deg ) translateZ(150px );
}