scaleY()

scaleY()

scaleY() CSS函数定义了沿y轴（垂直方向）调整元素大小的变换。

它用一个常数因子修改每个单元点的纵坐标（除非比例系数是1，在这种情况下，该函数是恒等变换）。缩放不是各向同性的，元素的角度不守恒。scaleY(-1)定义了一个关于穿过原点（由transform-origin属性指定）的水平轴对称的轴对称变换。

注：scaleY(sy)等于scale(1, sy)或scale3d(1, sy, 1)...

语法

scaleY(s)

可能值

s是一个表示应用在元素的每个点的纵坐标上的缩放因子的<number>

| 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>