Style transitionDuration attribute
- 上一页 transitionProperty
- 下一页 transitionTimingFunction
- 返回上一层 HTML DOM Style Object
Definition at Usage
transitionDuration
Tinutukoy kung anong oras (s) o milisegundo (ms) ang kinakailangan upang tapusin ang transisyon.
Bilang karagdagan:
CSS Reference Manual:Transition-duration na katangian
Halimbawa
Tumututok ang epekto ng transisyon:
document.getElementById("myDIV").style.transitionDuration = "1s";
Gramata
Iibalik ang transitionDuration na katangian:
object.style.transitionDuration
I-set ang transitionDuration na katangian:
object.style.transitionDuration = "time|initial|inherit"
Halaga ng katangian
Halaga | Paglalarawan |
---|---|
time | Tinutukoy kung anong oras o milisegundo ang kinakailangan upang tapusin ang transisyon. Ang default na halaga ay 0, na nangangahulugan na walang epekto. |
initial | I-set ang katangian na ito sa kanyang default na halaga. Tingnan ang initial. |
inherit | Manggagaling sa kanyang magulang na elemento ang katangian na ito. Tingnan ang inherit. |
Detalye ng teknolohiya
Default na halaga: | 0 |
---|---|
Halimbawa ng ibabalik na halaga: | String, na naglalarawan ng Transition-duration na katangian. |
Versyon ng CSS: | CSS3 |
Suporta ng browser
Ang mga numero sa talahanan ay naglalarawan ng unang berserke na ganap na sumusuporta sa katangian na ito.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
26.0 | 10.0 | 16.0 | 6.1 | 12.1 |
- 上一页 transitionProperty
- 下一页 transitionTimingFunction
- 返回上一层 HTML DOM Style Object