Kursus anbefaling:

CSS scale3d() funktion

definition og brug scale3d() CSS har

scale3d() Funktionen definerer elementets 3D-skala.

scale3d() Funktionen definerer elementets skala i x, y og z-vektorer. transform brugt i egenskabsdefinitionen.

Brug scale3d() Skaler flere <div>-elementer:

#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);
}

Brug scale3d() Skaler billedet:

#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)

Værdi	Beskrivelse
sx	Positiv eller negativ, definerer bredden af skalaen.
sy	Positiv eller negativ, definerer højden af skalaen.
sz	Positiv eller negativ, definerer skalaen af z-vektoren.

Version:	CSS Transforms Module Level 2

Tabelens tal angiver den første browserversion, der fuldt ud understøtter denne funktion.

Chrome	Edge	Firefox	Safari	Opera
12	12	10	4	15