Ominaisuus transition-duration
Ominaisuus transition-duration asettaa
siirtymätransitionin suoritusajan transition.
Syntaksi
valitsin {
transition-duration: aika s tai ms;
}
Arvot
| Arvo | Kuvaus |
|---|---|
s |
Määrittää ajan sekunneissa (esimerkiksi 3s).
Voi määrittää murtolukuarvot,
esimerkiksi 0.5s - puoli sekuntia.
|
ms |
Määrittää ajan millisekunteina (esimerkiksi 3ms).
Yksi sekunti on 1000 millisekuntia.
|
Oletusarvo: 0s.
Esimerkki
Vie hiiri lohkon päälle - se muuttaa
leveyttään tasaisesti 2 sekunnissa.
<div id="elem"></div>
#elem {
transition-duration: 2s;
transition-property: width;
border: 1px solid black;
height: 50px;
width: 100px;
}
#elem:hover {
width: 400px;
}
:
Katso myös
-
ominaisuus
transition-property,
joka määrittää ominaisuuden nimen siirtymätransitionille -
ominaisuus
transition-delay,
joka määrittää viiveen ennen siirtymätransitionia -
ominaisuus
transition-timing-function,
joka määrittää aikatofunktion siirtymätransitionille -
ominaisuus
transition,
joka on lyhenne siirtymätransitionille -
ominaisuus
animation,
jolla voi tehdä animaation