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

Ορισμός και χρήση

Η CSS translateY() Η συνάρτηση επιτρέπει την ανακατατοποθέτηση των στοιχείων κατά μήκος του άξονα y (κάθετης κατεύθυνσης).

translateY() η συνάρτηση στο μεταμορφώσεις χρησιμοποιείται στην ιδιότητα.

Παράδειγμα

Ανακατατοποθέτηση διαφορετικών στοιχείων <div> κατά μήκος της κάθετας κατεύθυνσης:

#myDiv1 {
  transform: translateY(30px); /* Μετακίνηση του στοιχείου κατά 30px κατά μήκος του άξονα y */
}
#myDiv2 {
  transform: translateY(50px); /* Μετακίνηση του στοιχείου κατά 50px κατά μήκος του άξονα y */
}
#myDiv3 {
  transform: translateY(-10px); /* Μετακίνηση του στοιχείου κατά 10px κατά μήκος του άξονα y */
}

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

Γλώσσα CSS

translateY(y)
Αξία Περιγραφή
y Απαιτείται. Ορίζει την απόσταση μετακίνησης του στοιχείου κατά μήκος του άξονα y, μπορεί να είναι αριθμός ή ποσοστό.

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

Έκδοση: CSS Transforms Module Level 1

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

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

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

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

Εκμάθηση:CSS 2D μεταμορφώσεις

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

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

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

Αναφορά:Ενότητα CSS HTML DOM transform