Προτεινόμενη Σύμβαση:

Συνάρτηση rotateY() CSS

Ορισμός και Χρήση rotateY() CSS

rotateY() Η συνάρτηση ορίζει τη 3D περιστροφή του στοιχείου γύρω από τον άξονα y (οριζόντια κατεύθυνση). μετασχηματισμός στοιχείων του στοιχείου.

Παράδειγμα

Παράδειγμα 1

Χρήση rotateY() Στροφή πολλαπλών στοιχείων <div> γύρω από τον άξονα y (οριζόντια κατεύθυνση):

#myDiv1 {
  transform: rotateY(40deg);
}
#myDiv2 {
  transform: rotateY(60deg);
}
#myDiv3 {
  transform: rotateY(80deg);
}

Δοκιμάστε το προσωπικά

Παράδειγμα 2

Χρήση rotateY() Στροφή της εικόνας γύρω από τον άξονα y (οριζόντια κατεύθυνση):

#img1 {
  transform: rotateY(40deg);
}
#img2 {
  transform: rotateY(60deg);
}
#img3 {
  transform: rotateY(80deg);
}

Δοκιμάστε το προσωπικά

Γλωσσή CSS

rotateY(γωνία)
τιμή Περιγραφή
γωνία

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

  • deg (βάθμους)
  • rad (αποστάσεις ακμής)
  • turn (κύκλος)

Τεχνικά Στοιχεία

Έκδοση: CSS Transforms Μόδου 2

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

Τα αριθμήματα του προγράμματος περιήγησης δείχνουν την έκδοση του πρώτου προγράμματος περιήγησης που υποστηρίζει αυτή τη λειτουργία.

Chrome Edge Firefox Safari Opera
12 12 10 4 15

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

Εκμάθηση:CSS 3D Μετασχηματισμοί

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

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

Αναφορά:CSS rotate() συνάρτηση

Αναφορά:CSS rotate3d() συνάρτηση

Αναφορά:CSS rotateX() συνάρτηση

Αναφορά:CSS rotateZ() συνάρτηση