Siden er opdateret 7. 8. 2013
Med transition-delay kan man definere, hvor lang tid, der skal gå, fra musemarkøren kommer ind over en blok, der skal ændres og til ændringen begynder at ske.
div#demo {
width:80px;
height:80px;
border: 1px solid #ccf;
transition-property: width;
transition-duration: 10s;
transition-delay: 2s;
}
div#demo:hover {
width:400px;
}
vil se sådan ud (hold musemarkøren over firkanten med den lyseblå ramme):
Du ser, at der går 2 sekunder, inden ændringen begynder.