Χαρακτηριστικό animation-play-state του CSS

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

animation-play-state Η ιδιότητα ορίζει αν η αнимация είναι σε λειτουργία ή παύση.

Σημειώσεις:Μπορείτε να χρησιμοποιήσετε αυτήν την ιδιότητα στο JavaScript, ώστε να παύσετε την αнимация κατά τη διάρκεια της αναπαραγωγής.

Επίσης δείτε:

Εκμάθηση CSS3:CSS animation

Εγχειρίδιο HTML DOM:Ενότητα animationPlayState

Παράδειγμα

Παύση της αнимации:

div
{
animation-play-state:paused;
}

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

Γλώσσα 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-