Η transition-propertyιδιότητα, που χρησιμοποιείται συνήθως ως transitionστενό, χρησιμοποιείται για να καθορίσει σε ποια ιδιότητα ή ιδιότητες θέλετε να εφαρμόσετε ένα εφέ μετάβασης.
Αυτό γίνεται παρέχοντας το όνομα της ιδιότητας ως τιμή:
.example ( transition-property: color; )Η τιμή μπορεί να είναι ένα από τα ακόλουθα:
- Ένα μεμονωμένο όνομα ιδιοκτησίας, όπως στο παραπάνω παράδειγμα
- Μια λίστα ονομάτων ιδιοτήτων διαχωρισμένων με κόμμα (στενογραφία ή longhand), για τη μετάβαση πολλών ιδιοτήτων σε ένα μόνο στοιχείο
- Η λέξη-κλειδί
none, η οποία υποδεικνύει ότι καμία ιδιότητα δεν θα αλλάξει - Η λέξη-κλειδί
all, η οποία δείχνει ότι όλες οι ιδιότητες θα αλλάξουν (η προεπιλογή)
Όταν κόμμα διαχωρισμό των τιμών, τα ονόματα ακίνητο χαρτογραφούνται ουσιαστικά προς τις άλλες ιδιότητες μετάπτωσης ορίζεται ( transition-timing-function, transition-duration, και transition-delay). Αυτό σημαίνει ότι εάν μια λίστα ιδιοτήτων διαχωρισμένων με κόμμα περιλαμβάνει ένα ή περισσότερα ονόματα ιδιοτήτων που δεν είναι έγκυρα, οι άλλες ιδιότητες θα συνεχίσουν να μεταβαίνουν και θα αντιστοιχιστούν στις σχετικές σχετικές ιδιότητες μετάβασης.
Οι προδιαγραφές το περιγράφουν λέγοντας:
"(U) οι μη αναγνωρισμένες ή μη κινούμενες ιδιότητες πρέπει να διατηρούνται στη λίστα για να διατηρηθεί η αντιστοίχιση των δεικτών."
Όταν χρησιμοποιείτε μια τιμή noneή τις καθολικές λέξεις-κλειδιά inheritή initial, αυτές οι τιμές δεν μπορούν να χρησιμοποιηθούν ως μέρος μιας λίστας διαχωρισμένης με κόμμα, διαφορετικά αυτό θα οδηγήσει σε σφάλμα σύνταξης και ολόκληρη η γραμμή θα αγνοηθεί.
Για συμβατότητα σε όλα τα υποστηρικτικά προγράμματα περιήγησης, απαιτούνται προθέματα προμηθευτών, με την τυπική σύνταξη να δηλώνεται τελευταία:
.example ( -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; )Το IE10 (η πρώτη σταθερή έκδοση του IE που υποστηρίζει transition-property) δεν απαιτεί το -ms-πρόθεμα.
Υποστήριξη προγράμματος περιήγησης
| Χρώμιο | Σαφάρι | Firefox | ΛΥΡΙΚΗ ΣΚΗΝΗ | ΙΕ | Android | iOS |
|---|---|---|---|---|---|---|
| Εργα | Εργα | 4+ | 10.5+ | 10+ | 2.1+ | 3.2+ |