Corso raccomandato:

Funzione rotateZ() CSS

Definizione e uso rotateZ() CSS

rotateZ() La funzione definisce una rotazione 3D attorno all'asse z di un elemento. transform Usato negli attributi.

Suggerimento:rotateZ(angle) Uguale a rotate(angle).

Esempio

Esempio 1

Usare rotateZ() Rotazione di più elementi <div> attorno all'asse z:

#myDiv1 {
  transform: rotateZ(40deg);
}
#myDiv2 {
  transform: rotateZ(60deg);
}
#myDiv3 {
  transform: rotateZ(-45deg);
}

Prova personalmente

Esempio 2

Usare rotateZ() Rotazione dell'immagine attorno all'asse z:

#img1 {
  transform: rotateZ(40deg);
}
#img2 {
  transform: rotateZ(60deg);
}
#img3 {
  transform: rotateZ(-45deg);
}

Prova personalmente

Sintassi CSS

rotateZ(angle)
Valore Descrizione
angle

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

  • deg（gradi）
  • rad（radiani）
  • turn（circuito）

Dettagli tecnici

Versione: Modulo di trasformazioni CSS Livello 2

Supporto del browser

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

Chrome Edge Firefox Safari Opera
12 12 10 4 15

Pagine correlate

Tutorial:Trasformazioni 3D CSS

Riferimento:Proprietà CSS transform

Riferimento:Proprietà CSS rotate

Riferimento:Funzione rotate() CSS

Riferimento:Funzione CSS rotate3d()

Riferimento:Funzione CSS rotateX()

Riferimento:Funzione CSS rotateY()