Aanbevolen cursus:

CSS scale3d() functie

Definitie en gebruik scale3d() CSS definieert en gebruikt

scale3d() De functie definieert de 3D-schaal van het element.

scale3d() De functie definieert de schaalwaarden van het element in de richtingen x, y en z. transform Gebruik in eigenschappen.

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

#myDiv1 {
  transform: scale3d(0.8, 0.8, 0.8);
}
#myDiv2 {
  transform: scale3d(-0.5, -0.5, -0.5);
}
#myDiv3 {
  transform: scale3d(1.1, 1.2, 1);
}

Gebruik scale3d() Beeldvergroting:

#img1 {
  transform: scale3d(0.8, 0.8, 0.8);
}
#img2 {
  transform: scale3d(-0.5, -0.5, -0.5);
}
#img3 {
  transform: scale3d(1.1, 1.1, 1);
}

scale3d(sx, sy, sz)

Waarde	Beschrijving
sx	Positief of negatief, definieert de schaalvector in de breedterichting.
sy	Positief of negatief, definieert de schaalvector in de hoogterichting.
sz	Positief of negatief, definieert de schaalvector in de z-richting.

Versie:	CSS Transforms Module Level 2

De getallen in de tabel vertegenwoordigen de browserversies die de functie volledig ondersteunen.

Chrome	Edge	Firefox	Safari	Opera
12	12	10	4	15