Kursrekommendation:

CSS scale3d() funktion

Definition och användning scale3d() CSS definierar

scale3d() Funktionen definierar elementets 3D-skala.

scale3d() Funktionen definierar elementets skalningsvärden i x, y och z-axeln. transform Används i egenskapsdefinitioner.

Använd scale3d() Skala flera <div>-element:

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

Använd scale3d() Skala bild:

#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ärde	Beskrivning
sx	Positiv eller negativ, definierar skalningsvektorn för bredden.
sy	Positiv eller negativ, definierar skalningsvektorn för höjden.
sz	Positiv eller negativ, definierar skalningsvektorn för z-axeln.

Version:	CSS Transforms Module Level 2

Tabellens siffror representerar den första webbläsarversion som helt stöder denna funktion.

Chrome	Edge	Firefox	Safari	Opera
12	12	10	4	15