用途
scale3d() 规定 3D 缩放转换。
语法
scale3d(x,y,z)
值
值 | 描述 |
---|---|
x | 规定 X 轴上的缩放比例。 |
y | 规定 Y 轴上的缩放比例。 |
z | 规定 Z 轴上的缩放比例。 |
例子
/* HTML */
<div class="stage">
<div class="box">transform:scale3d(2,1,3)</div>
</div>
/* CSS */
.stage{
width:100%;
height:200px;
background:#333;
text-align:center; }
.box{
display:inline-block;
width:350px;
height:50px;
background:red;
font-size:20px;
color:#fff;
transform:scale3d(2,1,3);//在中心位置处scale3d(2,1,3)倍。 }