CSSリファレンス

transform-styleの意味と使い方

「transform-style」は、3次元の変形効果において、親要素と子要素をどのような関係で表示するかを指定するプロパティです。

値の指定方法

親要素に適用した3次元の変形効果は子要素には適用されません。子要素は、親要素に平面的に投影された形で表示されます。

親要素に適用した3次元の変形効果は子要素にも適用されます。3次元上での親要素と子要素の位置関係がそのまま保持されるため、こ要素が影に隠れて見えなくなることもあります。