CSS 3D Transformsは、Web要素を3次元空間内で操作するためのCSSプロパティ群である。transform: rotateY(180deg) でY軸回転させたり、translateZ() で奥行き方向に移動させたりできる。

3D表現に必要な主要プロパティは3つ。perspective は視点からの距離を定義し、値が小さいほどパースが強くなる。transform-style: preserve-3d は子要素が親の3D空間を共有することを宣言する。backface-visibility は裏面の描画を制御する。

GPU合成レイヤーで処理されるため、top や left のアニメーションと比較してパフォーマンスに優れる。