缩放比例通过在CSS3中使用z轴来变换元素

scaleZ(z)方法用于使用Z轴缩放变换元素。

让我们看看语法-

scaleZ(z)

在此，z是一个数字，代表要应用于元素每个点的z坐标的比例因子。

让我们看一个例子-

div {
   width: 60px;
   height: 60px;
   background-color: black;
}
.perspective {
   transform: perspective(200px) translateZ(-150px);
   background-color: yellow;
}
.scaled-translated {
   transform: perspective(200px) scaleZ(2) translateZ(-150px);
   background-color: orange;
}