CSS transition-property ιδιότητα

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

Η ιδιότητα transition-property ορίζει το όνομα της ιδιότητας CSS που θα εφαρμοστεί η μετάβαση. (Η μετάβαση ξεκινά όταν αλλάζει η καθορισμένη ιδιότητα CSS).

Συμβουλή:Η μετάβαση συνήθως συμβαίνει όταν ο χρήστης μετακινεί τον δείκτη του ποντικιού πάνω στο στοιχείο.

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

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

Εκμάθηση CSS:CSS transition

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

Παράδειγμα

Τοποθετήστε τον δείκτη του ποντικιού στο στοιχείο div και θα προκύψει μια μετάβαση με ομαλή αλλαγή του πλάτους του στοιχείου:

div {
  transition-property: width;
}

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

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

transition-property: none|all|ιδιοσύνη;

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

Τιμή Περιγραφή
μηδέν Καμία ιδιότητα δεν θα λάβει την μετάβαση.
πάντα Όλες οι ιδιότητες θα λάβουν την μετάβαση.
ιδιοσύνη Λίστα με τα ονόματα των CSS ιδιοτήτων που ορίζουν την εφαρμογή της μετάβασης, διαχωρισμένα με κόμματα.

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

Προεπιλεγμένη τιμή: πάντα
Εκληροδότηση: όχι
Έκδοση: CSS3
Γλώσσα σύνταξης JavaScript: objekt.style.transitionProperty="width,height"

Υποστήριξη του προγράμματος περιήγησης

Τα αριθμήματα στην τаблицή σηματοδοτούν τη πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως το χαρακτηριστικό.

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

Chrome IE / Edge Firefox Safari Opera
26.0
4.0 -webkit-		 10.0 16.0
4.0 -moz-		 6.1
3.1 -webkit-		 12.1
10.5 -o-