transition-duration css3

10  16  26  12.1

Siden er opdateret 7. 8. 2013

Med transition-duration kan man hvor lang tid det skal tage at gennemføre en ændring af en boks

De 4 egenskaber skal defineres i den viste rækkefølge. Du skal ikke nødvendigvis bruge alle 4 egenskaber.

div#demo {
width:80px;
height:80px;
border: 1px solid #ccf;
transition-property: width;
transition-duration: 10s;
}

div#demo:hover {
width:400px;
}

vil se sådan ud (hold musemarkøren over firkanten med den lyseblå ramme):

Noget tekst

Du kan også sætte en ændring af højden (height) eller eventuelt begge leder.

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