CSS scale3d() -funktio

Määrittely ja käyttö

CSS: scale3d() Funktiolla määritetään elementin 3D-skaalaus.

scale3d() Funktiolla määritetään elementin x, y ja z-akselin skaalavärit.

scale3d() Funktiota transform ominaisuuksissa.

Käyttö scale3d() Useita <div>-elementtien skaalausta:

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

Käyttö scale3d() Kuvan skaalaus:

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

Arvo	Kuvaus
sx	Luku tai miinusluku, määrittää leveyden skaalavectorin.
sy	Luku tai miinusluku, määrittää korkeuden skaalavectorin.
sz	Luku tai miinusluku, määrittää z-akselin skaalavectorin.

Versio:	CSS Transforms Module Level 2

Taulukon numerot merkitsevät ensimmäistä selainta, joka täysin tukee tätä toimintoa.

Chrome	Edge	Firefox	Safari	Opera
12	12	10	4	15