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;
1keer is default. Negatieve waarden zijn ongeldig. Je mag ook non-integer waarden declareren om een deel van de animatie af te spelen (bijvoorbeeld0.5zal 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!