transition Style katangian

Tinukoy at paggamit

transition Ang katangian ay isang iskrip ng apat na katangian ng transisyon:

Komento:Maging palaging tinukoy ang transitionDuration katangianKung hindi tinukoy, ang takdang oras ay 0, at ang transisyon ay hindi magiging epektibo.

Bilang karagdagan:

CSS Tagalog Manual:transition katangian

Halimbawa

Ilagay ang mouse sa ibabaw ng elemento div upang unawain ang pagbabago ng anyo nito sa pamamagitan ng paglakad:

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

Subukan ang iyong sarili

Grammar

I-halimbawa ang transition katangian：

object.style.transition

I-set ang transition katangian：

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

Halimbawa ng katangian

Halimbawa Paglalarawan
transitionProperty Tinukoy ang pangalan ng CSS katangian na pinupuntirya ng transisyon ng epekto.
transitionDuration Tinukoy kung anong oras o milisegundo ang kailangan ng transisyon ng epekto upang makumpleto.
transitionTimingFunction Tinukoy ang bilis ng transisyon ng epekto.
transitionDelay Tinukoy kung kailan magsisimula ang transisyon ng epekto.
initial I-set ang katangian sa kanyang default na halimbawa. Tingnan ang initial。
inherit Mangangailangan itong katangian mula sa magulang na elemento. Tingnan ang inherit。

Detalye ng teknolohiya

Default na halimbawa: all 0 ease 0
Halimbawa ng bunga: string, na naglalarawan ng transition katangian。
Versyon ng CSS： CSS3

Suporta ng Browser

Ang mga numero sa talahanayan ay naglalarawan ng unang bersyon ng browser 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