Ιδιότητα animationDirection του Style

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

animationDirection Η ιδιότητα αυτή ορίζει αν η αニμάσιση θα παίζει αντίστροφα σε εναλλασσόμενα κύκλοι.

Σημειώσεις:Αν η αニμάσιση έχει ρυθμιστεί να παίζει μόνο μια φορά, αυτή η ιδιότητα θα είναι ανενεργή.

Παράδειγμα

Αλλαγή της ιδιότητας animationDirection του στοιχείου <div>:

document.getElementById("myDIV").style.animationDirection = "reverse";

Προσπαθήστε το προσωπικά

Γραμματική

Επιστροφή της ιδιότητας animationDirection:

object.style.animationDirection

Ρύθμιση της ιδιότητας animationDirection:

object.style.animationDirection = "normal|reverse|alternate|alternate-reverse|initial|inherit"

Τιμή ιδιότητας

Τιμή Περιγραφή
normal Προεπιλεγμένη τιμή. Η αニμάσιση θα πρέπει να παίζει κανονικά.
reverse Η αニμάσιση θα πρέπει να παίζει αντίστροφα.
alternate Η αニμάσιση θα παίζει κανονικά σε κάθε αριθμό奇ρός (1, 3, 5 κ.λπ.) και θα παίζει αντίστροφα σε κάθε αριθμό παρ' ολίγου (2, 4, 6 κ.λπ...).
alternate-reverse Η αニμάσιση θα παίζει αντίστροφα σε κάθε αριθμό奇ρός (1, 3, 5 κ.λπ.) και θα παίζει κανονικά σε κάθε αριθμό παρ' ολίγου (2, 4, 6 κ.λπ...).
initial Η ιδιότητα αυτή θα οριστεί στη προεπιλεγμένη της τιμή. Δείτε initial.
inherit Καταλήφθηκε η ιδιότητα από το γονικό στοιχείο. Δείτε inherit.

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

Προεπιλεγμένη τιμή: normal
Αποτελεσματική τιμή: 字符串 που εκφράζει το στοιχείο Αρχιτεκτονική animation-direction.
Εκδοση CSS: CSS3

υποστήριξη περιηγητή

animationDirection είναι χαρακτηριστικό CSS3 (1999).

πάνες οι περιηγητές υποστηρίζουν το πλήρως:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
υποστήριξη υποστήριξη υποστήριξη υποστήριξη υποστήριξη 11

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

CSS Εγχειρίδιο Εference:Αρχιτεκτονική animation-direction