Προπriedότητα transition-duration του CSS

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

Η ιδιότητα transition-duration ορίζει τον χρόνο που απαιτείται για την ολοκλήρωση της μετάβασης (σε δευτερόλεπτα ή χιλιοδευτερόλεπτα).

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

Εκμάθηση CSS:Περάσματα CSS

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

Παράδειγμα

Δημιουργία μεταβατικής διάρκειας 5 δευτερολέπτων:

div {
  transition-duration: 5s;
}

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

Γλώσσα CSS

transition-duration: χρόνος;

Τιμή του χαρακτηριστικού

Τιμή Περιγραφή
χρόνος

Ορίζει τον χρόνο που απαιτείται για την ολοκλήρωση της μετάβασης (σε δευτερόλεπτα ή χιλιοδευτερόλεπτα).

Η προεπιλεγμένη τιμή είναι 0, που σημαίνει ότι δεν θα υπάρξει αποτέλεσμα.

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

Προεπιλεγμένη τιμή: 0
Εγκατάληψη: no
Έκδοση: CSS3
Γλώσσα JavaScript: object.style.transitionDuration="5s"

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

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

Τα αριθμήματα με πρόθεμα -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-