規模

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%位於頂部。