css3 変換 2d_html/css_WEB-ITnose

上記は 2D 属性です。
その他は 3D 属性です。 これらの属性を設定すると、グラフィックスが Z 座標上で変換されます。
たとえば、rotateX() 属性が設定された後、現在の要素には Z 座標が設定されます。偽のパースペクティブが設定されていない場合、3D 効果を表示するにはパースペクティブ属性を使用する必要があります。 3d 要素に 3d 要素が含まれている場合、3d 効果を確認するには、transform-style:preserve-3d; 属性を使用する必要があります。

どの要素に 3D 要素がありますか? 遠近感を設定すると、その 3D 効果が表示されます。 3D 要素が別の 3D 要素の上にある場合、transform-style:preserve-3d が設定されていないと無効になります。

パースペクティブ: 150px;

パースペクティブ原点: 10% 10%;

パースペクティブ原点属性