scaleY()
scaleY() CSS函数定义了沿y轴（垂直方向）调整元素大小的变换。
它用一个常数因子修改每个单元点的纵坐标（除非比例系数是1，在这种情况下，该函数是恒等变换）。缩放不是各向同性的，元素的角度不守恒。scaleY(-1)定义了一个关于穿过原点（由transform-origin属性指定）的水平轴对称的轴对称变换。
注：scaleY(sy)等于scale(1, sy)或scale3d(1, sy, 1)...
语法
scaleY(s)可能值
s是一个表示应用在元素的每个点的纵坐标上的缩放因子的<number>
Cartesian coordinates on ?2 | Homogeneous coordinates on ??2 | Cartesian coordinates on ?3 | Homogeneous coordinates on ??3 |
|---|---|---|---|
10 0s | 1000s0001 | 1000s0001 | 10000s0000100001 |
| 1 0 0 s 0 0 |
实例
HTML
<div>Normal</div>
<div class="scaled">Scaled</div>CSS
div {
width: 80px;
height: 80px;
background-color: skyblue;
}
.scaled {
transform: scaleY(0.6);
background-color: pink;
}结果
另见
transform
<transform-function>
本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
