Internet Explorer 10のCSS 3D Transforms

とうとうWindows 7向けのIE 10が公開されましたね！（これを書いている時点ではRelease Previewですが） IE 10ではCSS 3D Transforms, Animations, Transitionsなどが-ms-なしで使えるようになりました。素晴らしい！ というわけでさっそく試してみたわけですが、どうもおかしい。表示はできるんですが、アニメーションやトランジションしたときに立体的に見えない。 調べてみるとMSDNに次のような記述が。 Note The W3C specification defines a keyword value of preserve-3d for this property, which indicates that flattening is not performed. At this time, Internet Explorer

[yomotsu]

だからぺらぺらだったのか。行列を積算してmatrix()にまとめればOKかな

[toshi3221]

transform-style: preserve-3d; が効かないらしい。個別に全部の要素を設定しろと

[xucker]

できたらIE10は切る方向で進めたい。

[bitgleams]

2012年11月22日記事