scale3d(x, y, z)用于独立控制x、y、z三轴缩放，参数为无单位数字；需父容器设置perspective启用3d上下文，且z轴缩放影响深度排序而非像素尺寸。
直接用 transform: scale3d(x, y, z) 就行，但必须确保父容器已启用 3D 上下文，否则 Z 轴缩放无效——它不会报错，但 z 参数完全被忽略。
scale3d() 的三个参数必须全写，且不能为百分比或单位
scale3d() 接收三个纯数字（无单位），分别对应 X、Y、Z 轴的缩放比例。常见错误是漏掉某个参数，或误写成 scale3d(1.2, 0.8, 50px) 这类带单位的值——浏览器会直接丢弃整个声明。
-
x：水平方向缩放，1是原始大小，2表示放大两倍，0.5表示缩小一半 -
y：垂直方向缩放，行为同x -
z：Z 轴缩放，它不改变元素在屏幕上的像素尺寸，但会影响透视深度和子元素的视觉层级（比如配合translateZ()或rotateY()）
Z 轴缩放没效果？检查是否漏了 perspective 和 transform-style
scale3d(1, 1, 0.5) 单独加在元素上，几乎看不出变化——因为 Z 缩放本身不拉伸像素，只影响 3D 空间中的“纵深感”。要让它可感知，得满足两个前提：
- 父容器必须设置
perspective（如perspective: 800px），否则所有 Z 值被压平到 2D 平面 - 如果缩放的是包含子元素的容器，且子元素也有 3D 变换（比如翻转卡片），父容器还得加
transform-style: preserve-3d，否则子元素会被强制拍平 - 别把
perspective错加在被缩放的元素自身上；它应作用于能“看见”整个 3D 场景的最近共同祖先
scale3d() 和 scale() / scaleZ() 的关键区别
三者语法和用途差异明显，混用容易出问题：
-
scale(x, y)是二维缩放，y可省略（默认等于x），不依赖 3D 上下文 -
scaleZ(z)单独使用时无效——CSS 规范要求它必须嵌套在支持 3D 的变换中（比如和rotateX()同时出现），否则被静默忽略 -
scale3d(x, y, z)是唯一能同时、独立控制三轴缩放的函数，且只要父级有perspective，z就起作用（哪怕只是影响子元素的transform-origin或遮挡关系）
Z 轴缩放最易被忽略的一点：它不改变元素自身的渲染尺寸，但会改变它与其他 3D 元素的相对深度顺序——这意味着，scale3d(1, 1, 0.1) 可能让一个元素“退后”到其他元素后面，即使它没动过位置。调试时别只盯着大小，要看 z-index 是否还管用（它不管用了，得靠 Z 值排序）。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
