CSS 提供了一组属性，允许您变换和调整三维空间中的元素。允许您变换元素的属性包括 3D 平移、旋转、缩放、定位调整等。
下表列出了用于在三维空间中变换元素的所有各种属性:
| 属性 | 描述 |
|---|---|
| backface-visibility | 设置元素背面对用户的可见性。 |
| perspective | 确定 z=0 平面与用户之间的距离。 |
| perspective-origin | 确定用户查看 3D 定位元素的位置。 |
| rotate | 在三维空间中缩放元素。 |
| transform | 在三维空间中变换元素。 |
| transform-style | 设置元素子元素在三维空间中的位置或使其保持扁平化 |
| translate | 在三维空间中平移元素。 |
| matrix3d() | 函数将三维变换定义为 4x4 齐次矩阵。 |
| perspective() | 确定 z=0 平面与用户之间距离的函数。 |
| rotate3d() | 在三维空间中围绕固定轴旋转元素。 |
| rotateZ() | 绕 z 轴旋转元素。 |
| scale3d() | 在三维空间中向上或向下缩放元素。 |
| scaleZ() | 沿 z 轴向上或向下缩放元素。 |
| translate3d() | 在三维空间中平移元素。 |
| translateZ() | 沿 z 轴向上或向下平移元素。 |