CSS scaleY() funksjonen

Definisjon og bruk

CSS scaleY() funksjonen brukes til å skalere elementer vertikalt.

scaleY() funksjonen øker eller reduserer elementets høyde.

scaleY() funksjonen brukes i transform brukes i egenskapen.

Eksempel

Eksempel 1

Bruk scaleY() Skaler høyden på flere <div>-elementer:

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

Prøv selv

Eksempel 2

Bruk scaleY() Skaler bildehøyden:

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

Prøv selv

CSS syntaks

scaleY(s)

Teknisk detalj

Nettleserstøtte

Tallene i tabellen viser den første nettleserversjonen som fullt ut støtter denne funksjonen.

Relaterede sider

Undervisning:CSS 2D transformation

Reference:CSS transform egenskab

Reference:CSS scale egenskab

Reference:CSS scale() funktion

Reference:CSS scale3d() funktion

Reference:CSS scaleX() funktion