Kina msingi ya style transition

Maelezo na matumizi

transition Kina msingi hii ni chaguo cha kuzingatia ya mitatizo ya kina msingi hii:

Maelezo:Inafaa kuwa na maelezo: transitionDuration kina msingiAu bila muda wa kuzingatia, kina msingi hii itakuwa bila maana.

Tazama pia:

Maelezo ya CSS:Mfano wa transition

Mfano

Kumekadiriwa kuingia kina msingi hii kwa kusababisha kina msingi hii inachange kwa uharibifu: .style.transition = "all 2s";

document.getElementById("myDIV").style.transition = "all 2s";

Tenda kwa kuzefanya mafanikio

Maelezo ya lugha

Kurudi kina msingi hii: .style.transition

object.style.transition

Kuweka kina msingi hii: .style.transition

object.style.transition = "property duration timing-function delay|initial|inherit"

Chaguo la kina msingi

Kina msingi Maelezo
transitionProperty Inaonyesha jina la kina msingi hii inayotumika.
transitionDuration Inaonyesha wakati au muda kina msingi hii inahitaji kufikia kina msingi hii.
transitionTimingFunction Inaonyesha uharibifu wa kina msingi hii.
transitionDelay Kumekadiriwa kina msingi hii inaanza kina msingi hii.
initial Kuweka kina msingi hii kwa chaguo cha kuzingatia. Tazama: initial.
inherit Kuweka kina msingi hii kwa chaguo cha kuzingatia. Tazama: inherit.

Maelezo ya mtegemeo

Chaguo cha kuzingatia: all 0 ease 0
Matokeo wa kuharibika: kifaa cha juu cha ujenzi, inaonyesha kina msingi ya kina msingi hii. Mfano wa transition.
Tofauti ya CSS: CSS3

Mwongozo wa barivaa

Mashara ya namba katika tabia hii inaonyesha tofauti ya barivaa ya kwanza ya inayosababisha kina msingi hii.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
26.0 10.0 16.0 6.1 12.1