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

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

animationName Ρύθμιση ή επιστροφή του ονόματος του @keyframes που θα συνδεθεί με τον επιλογέα.

Παράδειγμα

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

document.getElementById("myDIV").style.animationName = "myNEWmove";

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

Γραμματική

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

πρόσωπο.style.animationName

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

πρόσωπο.style.animationName = "μηδέν|keyframename|initial|υποκείμενη"

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

Τιμή Περιγραφή
μηδέν Προεπιλεγμένη τιμή. Ορίζει την απουσία της αニματιάς (χρησιμοποιείται για να καλύψει την αнимάτιά που προέρχεται από την καταγραφή).
keyframename Ορίζει το όνομα του κλειστού πλαισίου που θα συνδεθεί με τον επιλογέα.
initial Ρύθμιση αυτής της ιδιότητας στη προεπιλεγμένη της τιμή. Δείτε initial.
υποκείμενη Απόκτηση αυτής της ιδιότητας από το γονικό στοιχείο. Δείτε υποκείμενη.

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

Προεπιλεγμένη τιμή: μηδέν
Αποτελεσματική τιμή: Συνοδευτική αλφαβητική κατάταξη που εκφράζει το στοιχείο Παράμετρος animation-name.
Έκδοση CSS: CSS3

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

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

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

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

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

CSS Εγχειρίδιο Εφαρμογής:Παράμετρος animation-name