Attribute na Style transitionDuration
- Raba ɗaya transitionProperty
- Iya ɗaya transitionTimingFunction
- Raba ɗaya Object Style HTML DOM
Tsaftarin da aiki
transitionDuration
A girmace aikin yana nuna waktilo ko milisaki (s) ko milisaki (ms) na iya kammala aikin tsakiya.
Ci gaba da:
Mananai na CSS:Attribute na transition-duration
Mafi kyawun tushen
A girmace aikin kammala aikin tsakiya:
document.getElementById("myDIV").style.transitionDuration = "1s";
Grammar
A girmace aikin transitionDuration:
object.style.transitionDuration
A girmace aikin transitionDuration:
object.style.transitionDuration = "time|initial|inherit"
Manufa ce
Dabamman | Tsaftarin |
---|---|
time | Dabamman na nuna waktilo ko milisaki na iya nuna aikin kammala aikin tsakiya. Dabamman na gaba da 0, wanda ke nufin ba wani aikin ba. |
initial | A girmace aikin a matsayin dabamman. Ci gaba da initial. |
inherit | A girmace aikin wanda ke shafe a cikin abin da ke cikin. Ci gaba da inherit. |
Tsaftarin aikin
Dabamman: | 0 |
---|---|
Manufa ce: | Manufa ce kalmomi, wanda ke nufin Attribute na transition-duration. |
Tasirin CSS: | CSS3 |
Tasirin browsers
Tasirin na cikakken fageen bayan ya aha ce cikakken bayan na farko na wannan nau'war.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
26.0 | 10.0 | 16.0 | 6.1 | 12.1 |
- Raba ɗaya transitionProperty
- Iya ɗaya transitionTimingFunction
- Raba ɗaya Object Style HTML DOM