CSS animation property

Definition och användning

animation Egenskapen är en förkortningsegenskap som används för att ställa in sex animationsegenskaper:

Kommentar:För alltid specificera animation-duration Om inte annars specificerat, kommer animationen inte att spelas upp om varaktigheten är 0.

CSS3 tutorial:CSS animation

HTML DOM referenshandbok:animation-egenskaper

Använd korta egenskaper för att binda animationen till div-elementet:

div
{
animation:mymove 5s infinite;
}

animation: name duration timing-function delay iteration-count direction;

Värde	Beskrivning
animation-name	Bestämmer det namn på keyframe som behöver bindas till väljaren.
animation-duration	Bestämmer hur lång tid animationen tar att slutföra, i sekunder eller millisekunder.
animation-timing-function	Bestämmer animationens hastighetskurva.
animation-delay	Bestämmer fördröjningen innan animationen börjar.
animation-iteration-count	Bestämmer hur många gånger animationen ska spelas upp.
animation-direction	Bestämmer om animationen ska spelas upp och spelas tillbaka i omgångar.
animation-fill-mode	Bestämmer de värden som tillämpas utanför genomförandetiden för animationen.
animation-play-state	Bestämmer om animationen är igång eller pausad.

Standardvärde:	none 0 ease 0 1 normal
Arvbarhet:	no
Version:	CSS3
JavaScript-syntax:	object.style.animation="mymove 5s infinite"

Browserversioner som stöder

Tal med -webkit-、-moz- eller -o- först anger den första versionen som använder prefixet.

Chrome	IE / Edge	Firefox	Safari	Opera
Chrome	Edge	Firefox	Safari	Opera
43.0 4.0 -webkit-	10.0	16.0 5.0 -moz-	9.0 4.0 -webkit-	30.0 15.0 -webkit- 12.0 -o-