This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
Summary
Met de animation-iteration-count
CSS property beschrijf je het aantal keren dat een animatie speelt totdat de animatie stopt.
Je kunt ook de shorthand property te gebruiken om alle animatie-eigenschappen meteen in één regel in te stellen.
Initial value | 1 |
---|---|
Applies to | all elements, ::before and ::after pseudo-elements |
Inherited | no |
Media | visual |
Computed value | as specified |
Animation type | discrete |
Canonical order | the unique non-ambiguous order defined by the formal grammar |
Syntax
animation-iteration-count: infinite;
animation-iteration-count: 3;
animation-iteration-count: 2.3;
animation-iteration-count: 2, 0, infinite;
Values
infinite
- The animatie herhaalt zich non-stop.
<number>
- Hoeveel keer een animatie zich herhaalt;
1
keer is default. Negatieve waarden zijn ongeldig. Je mag ook non-integer waarden declareren om een deel van de animatie af te spelen (bijvoorbeeld0.5
zal de helft van de animatie-cyclus afspelen).
Formal syntax
<single-animation-iteration-count>#where
<single-animation-iteration-count> = infinite | <number>
Examples
ZIe CSS animations voor voorbeelden.
Specifications
Specification | Status | Comment |
---|---|---|
CSS Animations The definition of 'animation-iteration-count' in that specification. |
Working Draft | Initial definition |
Browser compatibility
We're converting our compatibility data into a machine-readable JSON format.
This compatibility table still uses the old format,
because we haven't yet converted the data it contains.
Find out how you can help!