Προτεινόμενη ενότητα

CSS rotateZ() συνάρτηση

Ορισμός και χρήση rotateZ() CSS

rotateZ() Η συνάρτηση ορίζει την 3D γύρισμα ενός στοιχείου γύρω από τον άξονα z. transform Χρησιμοποιήστε στο στυλ της ιδιότητας.

Συμβουλή:rotateZ(γωνία) Εξίσου με rotate(γωνία).

Παράδειγμα

Παράδειγμα 1

Χρησιμοποιήστε rotateZ() Γύρισε πολλαπλά <div> στοιχεία γύρω από τον άξονα z:

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

Προσπάθησε να το δοκιμάσεις

Παράδειγμα 2

Χρησιμοποιήστε rotateZ() Γύρισε την εικόνα γύρω από το άξονα z:

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

Προσπάθησε να το δοκιμάσεις

Γλώσσα CSS

rotateZ(γωνία)
Αξία Περιγραφή
γωνία

Απαιτείται. Ορίζει το γωνιακό όρισμα της γύρω. Πιθανές μονάδες:

  • deg（μοίρα του κύκλου）
  • rad（ακτίνα）
  • turn（κύκλος）

Τεχνικά λεπτομέρειες

Έκδοση: CSS Transforms Μονόλεπτο 2

Υποστήριξη του προγράμματος περιήγησης

Τα αριθμήματα στην τаблицή αναδεικνύουν την έκδοση του πρώτου προγράμματος περιήγησης που υποστηρίζει αυτή τη συνάρτηση.

Chrome Edge Firefox Safari Opera
12 12 10 4 15

Σχετικές σελίδες

Εκμάθηση:CSS 3D μετατροπές

Αναφορά:CSS μετατροπή ιδιότητα

Αναφορά:CSS rotate ιδιότητα

Αναφορά:CSS γύρισμα() συνάρτηση

Αναφορά:CSS γυρίσει3d() συνάρτηση

Αναφορά:CSS γυρίσειX() συνάρτηση

Αναφορά:CSS γυρίσειY() συνάρτηση