Aanbevolen cursus:

CSS scale() functie

Definitie en gebruik scale() CSS van

scale() De functie wordt gebruikt om elementen (breedte en hoogte) te schalen.

scale() De functie definieert de schaalwaarden van het element in de x- en y-richting. transform Gebruik in eigenschappen.

Voorbeeld

Voorbeeld 1

Gebruik scale() Meerdere <div>-elementen schalen:

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

Probeer het zelf

Voorbeeld 2

Gebruik scale() Beeldschalen:

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

Probeer het zelf

CSS syntaxis

scale(sx, sy)
Waarde Beschrijving
sx Verplicht. Getal of percentage. Specificeer de schaalvector van de breedte.
sy

Optioneel. Getal of percentage. Specificeer de schaalvector van de hoogte.

Indien weggelaten, wordt de waarde ingesteld op dezelfde als sx.

Technische details

Versie: CSS Transforms Module Level 1

Browserondersteuning

De cijfers in de tabel geven de browserversie aan die de functie volledig ondersteunt.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Gerelateerde pagina's

Handleiding:CSS 2D transformatie

Referentie:CSS transform eigenschap

Referentie:CSS scale eigenschap

Referentie:CSS scale3d() functie

Referentie:CSS scaleX() functie

Referentie:CSS scaleY() functie