CSS scaleX() functie

Definitie en gebruik

CSS scaleX() De functie wordt gebruikt voor het horizontale schalen van elementen.

scaleX() De functie vergroot of verkleint de breedte van het element.

scaleX() De functie wordt gebruikt in transform Gebruik in de eigenschappen.

Gebruik scaleX() De breedte van meerdere <div>-elementen vergroten:

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

Gebruik scaleX() Breedte van het beeld vergroten:

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

scaleX(s)

Waarde	Beschrijving
s	Verplicht. Specificeer het getal voor de schaalvector van de breedte.

Versie:	CSS Transforms Module Level 1

Tabelgetallen vertegenwoordigen de browserversie die de functie volledig ondersteunt.

Chrome	Edge	Firefox	Safari	Opera
1	12	3.5	3.1	10.5