Πρότυπο animation-name CSS

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

animation-name Η ιδιότητα ορίζει το όνομα του keyframe @keyframes.

Σημειώσεις:Παρακαλώ ορίστε πάντα animation-duration Αν δεν οριστεί η ιδιότητα, η διάρκεια θα είναι 0 και η κίνηση δεν θα παίξει.

Δείτε επίσης:

Εκμάθηση CSS3:CSS Αニματία

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

Παράδειγμα

Ορίζει ένα όνομα για την κίνηση @keyframes:

div
{
animation:mymove 5s infinite;
}

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

Γλώσσα σύνταξης CSS

animation-name: keyframename|none;

Αξία ιδιότητας

Αξία Περιγραφή
keyframename Ορίζει το όνομα του keyframe που πρέπει να συνδεθεί με τον επιλογέα.
none Ορίζει την απουσία ενεργειακής επίδρασης (χρησιμοποιείται για να καλύψει την επίδραση των κλινομένων).

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

Προεπιλεγμένη τιμή: none
Αντιληπτικότητα: no
Έκδοση: CSS3
Γλώσσα σύνταξης JavaScript: object.style.animationName="mymove"

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

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

Τα αριθμητικά με -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-