Χαρακτηριστικό animation-play-state του CSS
- Προηγούμενη σελίδα animation-name
- Επόμενη σελίδα animation-timing-function
Ορισμός και χρήση
animation-play-state
Η ιδιότητα ορίζει αν η αнимация είναι σε λειτουργία ή παύση.
Σημειώσεις:Μπορείτε να χρησιμοποιήσετε αυτήν την ιδιότητα στο JavaScript, ώστε να παύσετε την αнимация κατά τη διάρκεια της αναπαραγωγής.
Επίσης δείτε:
Εκμάθηση CSS3:CSS animation
Εγχειρίδιο HTML DOM:Ενότητα animationPlayState
Γλώσσα CSS
animation-play-state: paused|running;
Τιμή | Περιγραφή | Δοκιμή |
---|---|---|
paused | Ορίζει ότι η αнимация έχει παυθεί. | Δοκιμή |
running | Ορίζει ότι η αнимация παίζει. | Δοκιμή |
Τεχνικά λεπτομέρειες
Προεπιλεγμένη τιμή: | running |
---|---|
Επιληπτικότητα: | no |
Έκδοση: | CSS3 |
Γλώσσα JavaScript: | object.style.animationPlayState="paused" |
Υποστήριξη προγράμματος περιήγησης
Τα αριθμητικά στη τράπεζα σημειώνουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως το χαρακτηριστικό.
Τα αριθμητικά -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- |
- Προηγούμενη σελίδα animation-name
- Επόμενη σελίδα animation-timing-function