CSS Scale

示例

的HTML

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

的CSS

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

本示例将div缩放到100px * 0.5 = 50pxX轴和100px * 1.3 = 130pxY轴。

变换的中心位于div的中心,50%从左50%到上。