Corso a scelta

Raccomandazione del corso:

Funzione CSS scaleY() scaleY() Definizione e uso di CSS

scaleY() La funzione viene utilizzata per zoomare verticalmente gli elementi.

scaleY() La funzione aggiunge o riduce l'altezza degli elementi. transform usato nell'attributo.

Esempio

Esempio 1

Usare scaleY() Aumentare l'altezza di più elementi <div>:

#myDiv1 {
  transform: scaleY(0.5);
}
#myDiv2 {
  transform: scaleY(70%);
}
#myDiv3 {
  transform: scaleY(1.1);
}

Prova tu stesso

Esempio 2

Usare scaleY() Aumentare l'altezza dell'immagine:

#img1 {
  transform: scaleY(0.5);
}
#img2 {
  transform: scaleY(70%);
}
#img3 {
  transform: scaleY(-0.5);
}
#img4 {
  transform: scaleY(1.1);
}

Prova tu stesso

Sintassi CSS

scaleY(s)

Dettagli tecnici

Supporto del browser

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

Pagine correlate

Manuale:Trasformazione 2D CSS

Riferimento:Proprietà CSS transform

Riferimento:Proprietà CSS scale

Riferimento:Funzione CSS scale()

Riferimento:Funzione CSS scale3d()

Riferimento:Funzione CSS scaleX()