scale3d()

scale3d() 是一个 CSS 函数，用于定义在三维空间中调整元素大小的变换。由于缩放量由向量 [sx, sy, sz] 定义，它可以在不同维度上应用不同的缩放比例。该函数返回一个 transform-function 数据类型。

这个功能已经广泛可用，自2015年7月以来，它已在所有主流浏览器中得到支持。无论是在Chrome、Firefox、Edge还是Safari中，你都可以使用scale3d()来创建引人注目的3D效果。

通过scale3d()，你可以分别控制元素在X轴、Y轴和Z轴上的缩放比例，从而实现更加丰富的视觉效果。例如，你可以创建一个在水平方向上拉伸、在垂直方向上压缩、同时在深度方向上有所变化的元素。

需要注意的是，使用scale3d()时，原始元素的位置不会改变，只有其大小会发生变化。这使得它在创建复杂的3D变换时非常有用，特别是在与rotate3d()和translate3d()等其他3D变换函数结合使用时。