CSS scaleY() 函数

定义和用法

CSS 的 scaleY() 函数用于垂直缩放元素。

scaleY() 函数增加或减少元素的高度。

scaleY() 函数在 transform 属性中使用。

实例

例子 1

使用 scaleY() 缩放多个

元素的高度：

#myDiv1 {
  transform: scaleY(0.5);
}
#myDiv2 {
  transform: scaleY(70%);
}
#myDiv3 {
  transform: scaleY(1.1);
}

亲自试一试

例子 2

使用 scaleY() 缩放图像的高度：

#img1 {
  transform: scaleY(0.5);
}
#img2 {
  transform: scaleY(70%);
}
#img3 {
  transform: scaleY(-0.5);
}
#img4 {
  transform: scaleY(1.1);
}

亲自试一试

CSS 语法

scaleY(s)
值 描述
s 必需。指定高度缩放向量的数字。

Mizikio ya uharibifu

Muafaka: CSS Transforms Module Level 1

Muungano wa kusoma

Maneno ya tabia zinazosababisha kueleza sababu kwa programu ya kusoma inayosimamia tabia hii.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Pembezuri

Mafunzo:Gari la 2D katika CSS

Matokeo ya:Mfano wa transform katika CSS

Matokeo ya:Mfano wa scale wa kipimo cha CSS

Matokeo ya:Funksi ya scale() katika CSS

Matokeo ya:Funksi ya scale3d() katika CSS

Matokeo ya:Funksi ya scaleX() katika CSS