transition-delay css3

10  16  26  12.1

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):

Noget tekst

Du ser, at der går 2 sekunder, inden ændringen begynder.

Valid XHTML og CSS / Copyright © Erik Ginnerskov august 2013
Hjemmesideskolen
Du er her: Forsiden - css - egenskaber - transition-delay
sidens top
Brugere lige nu: 1
Home Mail