Corso raccomandato:

Funzione scale3d() di CSS

Definizione e uso scale3d() La funzione scale3d() di CSS

scale3d() La funzione definisce lo zoom 3D dell'elemento.

scale3d() La funzione definisce i valori di scala dell'elemento lungo le direzioni x, y e z. transform usato nell'attributo.

Usare scale3d() Zoom di più di un elemento <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);
}

Usare scale3d() Zoom dell'immagine:

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

Valore	Descrizione
sx	Numero positivo o negativo, definisce il vettore di scala per la larghezza.
sy	Numero positivo o negativo, definisce il vettore di scala per l'altezza.
sz	Numero positivo o negativo, definisce il vettore di scala per la direzione z.

Versione:	Modulo di trasformazioni CSS Livello 2

Le cifre nella tabella rappresentano la versione del browser che supporta completamente la funzione.

Chrome	Edge	Firefox	Safari	Opera
12	12	10	4	15