Atribute ng Style animation

Paglilinaw at paggamit

Suporta ng Browser Ang atribute ay isang pagsasauli ng anim na animasyon atribute:

Komento:Palaging tayo ay dapat magbigay ng Atribute ng animationDurationKung hindi, ang tagal ng pagsusulit ay 0, at hindi na magpapatuloy na nagpapalabas.

Halimbawa

Mga pagsasauli ng kakaibang katangian upang baguhin ang animasyon ng <div> elemento:

document.getElementById("myDIV").style.animation = "mynewmove 4s 2";

document.getElementById("myDIV").style.animation = "mynewmove 4s 2";

Subukan ang sarili

Grammar

I-set ang katangian ng animation:I-balik ang katangian ng animation:

.style.animation

I-set ang katangian ng animation:object.style.animation = " name duration timingFunction delay iterationCount direction fillModeplayState

"

Halaga ng Katangian Halaga
Paglalarawan animationName
Tinutukoy ang pangalan ng frame na dapat ibindihin sa selector. animationDuration
Tinutukoy kung anong oras o milisegundo ang kailangan ng animation para makumpleto. animationTimingFunction
animationDelay Tinutukoy ang kurva ng bilis ng animation.
animationDelay Tinutukoy ang pagkahuli ng animation bago ito magsimula.
animationIterationCount Tinutukoy kung gaano kadalas ang animation ay dapat ipapalabas.
animationDirection Tinutukoy kung ang animation ay dapat magpalit ng direksiyon sa pagitan ng pagpapatuloy at pagpapatanggal.
animationFillMode Tinutukoy ang halaga na gagamitin sa labas ng oras ng pagpapatupad ng animation.
Tinutukoy kung ang animation ay nagsisimula o pinahinto. animationPlayState Tinutukoy kung ang animation ay nagsisimula o pinahinto.String, ang paglalarawan ng elemento
Initial I-set ang katangian na ito sa kanyang default na halimbawa. Tingnan ang InitialString, ang paglalarawan ng elemento

Magsimula mula sa kanyang magulang na elemento ang katangian na ito. Tingnan ang

Inherit Detalye ng Teknolohiya
Default na Halimbawa: Halimbawa ng Bunga: none 0 ease 0 1 normal none running Ating Talaan ng CSS:String, ang paglalarawan ng elemento
. Versyon ng CSS:

CSS3

Suporta ng Browser animation

ay CSS3 (1999) katangian.

Lahat ng mga browser ay ganap na sumusuporta sa ito: Chrome Edge Firefox Safari Opera
Lahat ng mga browser ay ganap na sumusuporta sa ito: Chrome Edge Firefox Safari Opera
IE IE IE IE IE Suporta

11

Pangkapiling na PahinaAting Talaan ng CSS: