Εκπαιδευτικός Οδηγός Ιδιότητας animation-direction CSS

Προτεινόμενα μαθήματα:

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

Η ιδιότητα animation-direction ορίζει αν η αнимάσις πρέπει να παίζει αλληλοδιακλαδιστικά προς τα εμπρός και προς τα πίσω.alternateΑν η τιμή του animation-direction είναι "

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

Για περισσότερες πληροφορίες δείτε:

Εκμάθηση CSS3:CSS Αнимάσεις

Οδηγός αναφοράς HTML DOM:Ενότητα animationDirection

Παράδειγμα

Στάση της αнимάσεως:

div {
  animation-direction: alternate;
}

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

Γλώσσα CSS

animation-direction: normal|alternate;
Τιμή Περιγραφή Δοκιμή
normal Προεπιλεγμένη τιμή. Η αニμάσις πρέπει να παίζει κανονικά. Δοκιμή
alternate Η αニμάσις πρέπει να παίζει αλληλοδιακλαδιστικά προς τα εμπρός και προς τα πίσω. Δοκιμή

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

Προεπιλεγμένη τιμή: normal
Παράδοση: no
Έκδοση: CSS3
Γλώσσα JavaScript: object.style.animationDirection="alternate"

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

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

Αριθμοί με -webkit-、-moz- ή -o- δείχνουν τη πρώτη έκδοση που χρησιμοποιεί πρόθεμα.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
4.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-