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

Δεφινομηση και χρήση

Η ιδιότητα transition-delay καθορίζει πότε ξεκινά το εφέ μετάβασης.

Τα τιμήματα transition-delay εκφράζονται σε δευτερόλεπτα ή χιλιοδευτερόλεπτα.

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

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

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

Παράδειγμα

Αναμονή 2 δευτερόλεπτα πριν ξεκινήσει το εφέ μετάβασης:

div {
  transition-delay: 2s;
}

Προσπάθησε το ίδιο!

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

transition-delay: time;

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

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

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

Προεπιλεγμένη τιμή: 0
Εκληροδότηση: no
Έκδοση: CSS3
Γλώσσα σύνταξης JavaScript: object.style.transitionDelay="2s"

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

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

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

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-