Omadus transition-duration
Omadus transition-duration määrab
sujuba ülemineku transition kestvuse.
Süntaks
valija {
transition-duration: aeg s või ms;
}
Väärtused
| Väärtus | Kirjeldus |
|---|---|
s |
Määrab aja sekundites (näiteks 3s).
Võib määrata murdarvulisi väärtusi,
näiteks 0.5s - pool sekundit.
|
ms |
Määrab aja millisekundites (näiteks 3ms).
Üks sekund on 1000 millisekundit.
|
Vaikeväärtus: 0s.
Näide
Liigutage kursorit ploki kohale - see muudab sujuvalt
oma laiust 2 sekundi jooksul.
<div id="elem"></div>
#elem {
transition-duration: 2s;
transition-property: width;
border: 1px solid black;
height: 50px;
width: 100px;
}
#elem:hover {
width: 400px;
}
:
Vaata ka
-
omadus
transition-property,
mis määrab sujuva ülemineku jaoks omaduse nime -
omadus
transition-delay,
mis määrab viivituse enne sujuva ülemineku algust -
omadus
transition-timing-function,
mis määrab sujuva ülemineku ajafunktsiooni -
omadus
transition,
mis on sujuva ülemineku lühend -
omadus
animation,
mille abil saab luua animatsiooni