规模

HTML

<div class="scale"></div>

CSS

.scale {
    width: 100px;
    height: 100px;
    background: teal;
    transform: scale(0.5, 1.3);
}

此示例将 div 在 X 轴上缩放为 100px * 0.5 = 50px，在 Y 轴上缩放为 100px * 1.3 = 130px。

变换的中心位于 div 的中心，50%位于左侧，50%位于顶部。