Style animationFillMode ominaisuus

Määrittely ja käyttö

animationFillMode Ominaisuus määrittelee, mihin tyyleihin sovelletaan elementtiin, kun animaatio ei toistu (animointi päättyy, tai on "viive").

Oletuksena CSS-animointi ei vaikuta animoituun elementtiin ennen ensimmäisen avainruudukon "toistoa" tai sen jälkeen viimeisen avainruudukon valmistuttua.animationFillMode Ominaisuus voi ylittää tämän käytöksen.

Esimerkki

Muuta <div>-elementin animationFillMode-ominaisuutta：

document.getElementById("myDIV").style.animationFillMode = "forwards";

Kokeile itse

Syntaksi

Palauta animationFillMode-ominaisuus：

object.style.animationFillMode

Aseta animationFillMode-ominaisuus：

object.style.animationFillMode = "none|forwards|backwards|both|initial|inherit"

Ominaisuusarvo

Arvo Kuvaus
none Oletusarvo. Animaatio ei sovellaa minkään tyylin ennen suoritusta tai sen jälkeen.
forwards Animaation päätyttyä (animation-iteration-count määrää), animaatio soveltaa tätä ominaisuusarvoa animaation lopussa.
backwards

animation-delay määrittämän ajanjakson aikana animaatio soveltaa avainruudukossa määritettyjä ominaisuusarvoja, joka aloittaa animaation ensimmäisen toiston.

Nämä ovat arvoja, jotka tulevat tai menevät avainruudukosta (kun animaatio suunta on "normal" tai "alternate") tai avainruudukkoon (kun animaatio suunta on "reverse" tai "alternate-reverse")。
both Animaatio seuraa eteen- ja taaksepäin sääntöjä. Tämä tarkoittaa, että se laajentaa animaatioominaisuuksia molempiin suuntiin.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial。
inherit Perii tämän ominaisuuden vanhemmalta elementiltä. Katso inherit。

Tekninen yksityiskohta

Oletusarvo： none
Palautusarvo： Merkkijono, joka ilmaisee elementin animation-fill-mode-ominaisuus。
CSS versioona： CSS3

Selaimen tuki

animationFillMode On CSS3 (1999) ominaisuus。

Kaikki selaimet tukevat sen täysin：

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Tukee Tukee Tukee Tukee Tukee 11

Liittyvät sivut

CSS viittausoppikirja：animation-fill-mode-ominaisuus