Funzione scale() CSS

Definizione e uso

CSS scale() La funzione viene utilizzata per zoommare l'elemento (larghezza e altezza).

scale() La funzione definisce i valori di scala dell'elemento nell'asse x e y.

scale() La funzione nel transform usato nell'attributo.

Esempio

Esempio 1

Usa scale() Zoom di più di un elemento <div>:

#myDiv1 {
  transform: scale(0.7);
}
#myDiv2 {
  transform: scale(110%);
}
#myDiv3 {
  transform: scale(1.1, 0.5);
}

Prova da solo

Esempio 2

Usa scale() Zoom dell'immagine:

#img1 {
  transform: scale(0.7);
}
#img2 {
  transform: scale(110%);
}
#img3 {
  transform: scale(1.1, 0.5);
}

Prova da solo

Sintassi CSS

scale(sx, sy)
Valore Descrizione
sx Obbligatorio. Numero o percentuale. Specifica il vettore di scala della larghezza.
sy

Opzionale. Numero o percentuale. Specifica il vettore di scala dell'altezza.

Se omesso, il valore viene impostato come sx.

Dettagli tecnici

Versione: Modulo di Transforms CSS Livello 1

Supporto del browser

I numeri nella tabella rappresentano la versione del browser che supporta completamente la funzione.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Pagine correlate

Manuale:Transformazione 2D CSS

Riferimento:Proprietà transform CSS

Riferimento:Proprietà CSS scale

Riferimento:Funzione scale3d() CSS

Riferimento:Funzione scaleX() CSS

Riferimento:Funzione scaleY() CSS