在 CSS 中使用 perspective 属性可以为元素创建 3D 空间，使得元素可以在这个空间中进行旋转、缩放等变换。transform 属性可以在这个 3D 空间中对元素进行变换，包括旋转、平移、缩放等。
下面是一些使用 CSS 控制 perspective 和 transform3D 属性的示例：
.container {
perspective: 1000px; /* 设置透视距离为 1000px */
}.box {
transform: translateX(100px) rotateY(45deg) scale(1.2);
}.container {
transform-style: preserve-3d; /* 子元素继承 3D 变换 */
}.box {
transform-origin: top left; /* 以左上角为起点进行变换 */
}.box {
transform: translateX(100px) rotateY(45deg) scale(1.2);
}其中，translateX 表示水平方向上移动元素的距离，rotateY 表示绕 Y 轴旋转元素，scale 表示缩放元素。
关键词高亮：