CSS参考手册
变换 | Transforms
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>
变换 | Transforms相关
层叠样式表( Cascading Style Sheets )是一种用来表现 HTML 或 XML 等文件样式的计算机语言。CSS 不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。