Funkcja CSS scale3d()

Definicja i użycie

CSS scale3d() Funkcja definiuje 3D skalowanie elementu.

scale3d() Funkcja definiuje wartości skalowania elementu w osiach x, y i z.

scale3d() Funkcja w transform w użyciu atrybutu.

Użycie scale3d() Skalowanie wielu elementów <div>:

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

Użycie scale3d() Skalowanie obrazu:

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

Wartość	Opis
sx	Liczba całkowita lub ujemna, definiująca wektor skalowania szerokości.
sy	Liczba całkowita lub ujemna, definiująca wektor skalowania wysokości.
sz	Liczba całkowita lub ujemna, definiująca wektor skalowania osi Z.

Wersja:	Moduł CSS Transforms Poziom 2

Tabela zawiera wersje przeglądarek, które w pełni wspierają tę funkcję.

Chrome	Edge	Firefox	Safari	Opera
12	12	10	4	15