Funzione CSS rotate()

Definizione e uso

CSS rotate() Rotazione 2D dell'elemento definito dalla funzione.

rotate() La funzione nel transform Usato nell'attributo.

Esempio

Esempio 1

Usare rotate() Rotazione di più elementi <div>:

#myDiv1 {
  transform: rotate(25deg);
}
#myDiv2 {
  transform: rotate(45deg);
}
#myDiv3 {
  transform: rotate(-45deg);
}

Prova tu stesso

Esempio 2

Usare rotate() Rotazione dell'immagine:

#img1 {
  transform: rotate(90deg);
}
#img2 {
  transform: rotate(45deg);
}
#img3 {
  transform: rotate(-45deg);
}

Prova tu stesso

Sintassi CSS

rotate(angle)
Valore Descrizione
angle

Obbligatorio. Specificare l'angolo di rotazione. Unità possibili:

  • deg (gradi)
  • rad (radiani)
  • turn (circolo)

Dettagli tecnici

Versione: Modulo di trasformazioni 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

Tutorial:Trasformazioni 2D CSS

Riferimento:Proprietà CSS transform

Riferimento:Proprietà CSS rotate

Riferimento:Funzione CSS rotate3d()

Riferimento:Funzione CSS rotateX()

Riferimento:Funzione CSS rotateY()

Riferimento:Funzione CSS rotateZ()