Ιδιότητα transitionDuration του Style
- Προηγούμενη σελίδα transitionProperty
- Επόμενη σελίδα transitionTimingFunction
- Επιστροφή στο προηγούμενο επίπεδο Όντότητα Style HTML DOM
Ορισμός και χρήση
transitionDuration
Η ιδιότητα ορίζει τον χρόνο σε δευτερόλεπτα (s) ή χιλιοδευτερόλεπτα (ms) που απαιτείται για την ολοκλήρωση της μετάβασης.
Επίσης δείτε:
Χειροκίνητη εγχειρίδιο CSS:transition-duration ιδιότητα
Παράδειγμα
Αceleration της μετάβασης
document.getElementById("myDIV").style.transitionDuration = "1s";
Γραμματική
Επιστροφή της ιδιότητας transitionDuration:
αντικείμενο.style.transitionDuration
Ρύθμιση της ιδιότητας transitionDuration:
αντικείμενο.style.transitionDuration = "χρόνος|initial|inherit"
Τιμή ιδιότητας
Τιμή | Περιγραφή |
---|---|
χρόνος | Ορίζει τον χρόνο που απαιτείται για την ολοκλήρωση της μετάβασης σε δευτερόλεπτα ή χιλιοδευτερόλεπτα. Η προεπιλεγμένη τιμή είναι 0, που σημαίνει ότι δεν υπάρχει εφέ. |
initial | Αναθέστε αυτήν την ιδιότητα στη προεπιλεγμένη της τιμή. Δείτε επίσης initial. |
inherit | Κληρονομεί αυτήν την ιδιότητα από το γονικό στοιχείο. Δείτε επίσης inherit. |
Τεχνικά λεπτομέρειες
Προεπιλεγμένη τιμή: | 0 |
---|---|
Αποτελεσματική τιμή: | 字符串, που εκφράζει την transition-duration ιδιότητα. |
Έκδοση CSS: | CSS3 |
Υποστήριξη περιηγητή
Τα αριθμήματα στην τάβλη δείχνουν την έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως αυτό το χαρακτηριστικό.
Χρωμός | Κορυφή | Φαύρος | Σαφάρι | Οπερά |
---|---|---|---|---|
Χρωμός | Κορυφή | Φαύρος | Σαφάρι | Οπερά |
26.0 | 10.0 | 16.0 | 6.1 | 12.1 |
- Προηγούμενη σελίδα transitionProperty
- Επόμενη σελίδα transitionTimingFunction
- Επιστροφή στο προηγούμενο επίπεδο Όντότητα Style HTML DOM