Animation Iteration Count

Set how many times an animation runs.

This feature is well established and works across many devices and browser versions.

Chrome

Edge

Firefox

Safari

aic:1

animation-iteration-count: 1;

aic:2

animation-iteration-count: 2;

aic:3

animation-iteration-count: 3;

aic:inf

animation-iteration-count: infinite;

Prefix a class with a breakpoint to apply it from that width up.

Prefix a class with a state to apply it only while that state matches.