CSS scaleX() funktion

Definition och användning

CSS scaleX() Funktionen används för att horisontellt skalera element.

scaleX() Funktionen ökar eller minskar elementets bredd.

scaleX() Funktionen används i transform Används i egenskapsförteckningen.

Exempel

Exempel 1

Använd scaleX() Skala bredden på flera <div>-element:

#myDiv1 {
  transform: scaleX(0.7);
}
#myDiv2 {
  transform: scaleX(90%);
}
#myDiv3 {
  transform: scaleX(1.1);
}

Prova själv

Exempel 2

Använd scaleX() Skala bildens bredd:

#img1 {
  transform: scaleX(0.6);
}
#img2 {
  transform: scaleX(90%);
}
#img3 {
  transform: scaleX(-0.6);
}
#img4 {
  transform: scaleX(1.1);
}

Prova själv

CSS Syntax

scaleX(s)

Tekniska detaljer

Webbläsarstöd

Tabellens nummer anger den första webbläsarversion som helt stöder denna funktion.

Relaterade sidor

Tutorial:CSS 2D-omvandling

Referens:CSS transform egenskap

Referens:CSS scale egenskap

Referens:CSS scale() funktion

Referens:CSS scale3d() funktion

Referens:CSS scaleY() funktion