Style transitionTimingFunction 属性

定义和用法

transitionTimingFunction Tabia inaamua kiwango cha uharibifu wa kuzingatia.

Hii tabia inaruhusi kufanyika uharibifu wa kiwango cha kiwango kwa muda wa kusimamia.

Tazama pia:

Makala ya CSS:Mfano wa transition-timing-function

Mfano

Badilisha kipimo cha uharibifu wa kuzingatia:

document.getElementById("myDIV").style.transitionTimingFunction = "kawaida";

Jifunze Kwenye Kikapu

Mabaki ya Kiini

Inaonyesha tabia ya transitionTimingFunction:

object.style.transitionTimingFunction

Inasanya tabia ya transitionTimingFunction:

object.style.transitionTimingFunction = 
"kudumu|kawaida|kuanza|kumaliza|kudumu na kuzingatia|cubic-bezier()|kutumia kuzalika|kutumia kuzalika"

Thamani ya Tabia

Thamani Kutaja
kudumu

Mimewa. Inaamua kuanza kudumu, kisha kumaliza kwa kasi, na kwa pili kudumu.

Inahitaji: cubic-bezier(0.25, 0.1, 0.25, 1) .
kawaida

Inaamua kiwango cha uharibifu kutoka kuanza hadi kumaliza kwa kawaida.

Inahitaji: cubic-bezier(0, 0, 1, 1) .
kuanza

Inaamua kiwango cha uharibifu wa kuanza.

Inahitaji: cubic-bezier(0.42, 0, 1, 1) .
kumaliza

Inaamua kiwango cha uharibifu wa kuzingatia kwa kumaliza.

Inahitaji: cubic-bezier(0, 0, 0.58, 1) .
kudumu na kuzingatia

Inaamua kiwango cha uharibifu wa kuzingatia kwa kuanza na kuendeleza na kuwacha.

Inahitaji: cubic-bezier(0.42, 0, 0.58, 1) .
cubic-bezier(n, n, n, n)

Inaangazia thamani yako kwa mifano ya cubic-bezier.

Inasikitika za kweli ni thamani za namba kutoka 0 hadi 1.
kutumia kuzalika Inasanya hii tabia katika mivyo yake asilia. Angalia kutumia kuzalika.
kutumia kuzalika Inakusanya hii tabia kutoka kwa eneo la mazoezi yake. Angalia kutumia kuzalika.

Mifano ya Teknolojia

Mimewa: kudumu
Inasikitika: Inasikitika, inaangazia kiwa inayotoka kwa kina la eneo Mfano wa transition-timing-function.
Muungano wa CSS: CSS3

Muungano wa Browser

Tafutiria za tabia hizi inayowakilisha browser ya kwanza inayosimamia hiyo tabia.

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