Mga Opisyal na Kurso

Rekomendasyon ng Kurso:

CSS scale() function scale() Ang CSS ay naglalarawan at ginagamit.

scale() Ang function ay ginagamit upang skala ang elemento (lapad at taas).

scale() Ang function ay naglalarawan ng halaga ng pagkakatangi ng elementong skala sa direksyon ng x at y. transform Ginagamit sa katangian.

Mga halimbawa

Halimbawa 1

Gamitin scale() Magbalik sa laki ng maraming <div> na elemento:

#myDiv1 {
  transform: scale(0.7);
}
#myDiv2 {
  transform: scale(110%);
}
#myDiv3 {
  transform: scale(1.1, 0.5);
}

Subukan Ngayon

Halimbawa 2

Gamitin scale() Pagbabalik sa orihinal na laki ng imahe:

#img1 {
  transform: scale(0.7);
}
#img2 {
  transform: scale(110%);
}
#img3 {
  transform: scale(1.1, 0.5);
}

Subukan Ngayon

CSS Grammar

scale(sx, sy)
Halaga Paglalarawan
sx Dapat. Numero o porsyento. Tukuyin ang pagkakatangi ng lapad na skalang vector.
sy

Opsiyonal. Numero o porsyento. Tukuyin ang pagkakatangi ng taas na skalang vector.

Kung tinanggal, ang halaga ay ginawang magkapareho sa sx.

Detalye ng Teknolohiya

Bersyon: CSS Transforms Module Level 1

Suporta ng Browser

Ang mga numero sa talahanayan ay nangangahulugan ng unang bersyon ng browser na ganap na sumusuporta sa function.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Pangalawang pahina

Tuturial:CSS 2D 变换

参考：CSS transform 属性

参考：CSS scale 属性

参考：CSS scale3d() 函数

参考：CSS scaleX() 函数

参考：CSS scaleY() 函数