#animation-iteration-count

#Introduction

animation-iteration-count property specifies the number of times an animation should be played.

#Examples

css-apisrc/animation-iteration-count/App.tsx

Preview

#Syntax

animation-iteration-count: infinite;

animation-iteration-count: 3;

animation-iteration-count: 2, 0, infinite;

#Values

#infinite

The animation will repeat forever.

#<number>

The number of times the animation should repeat. Can be a non-integer value. A value of 0 will cause the animation to have no effect.

#Formal definition

#Formal syntax

/*default value: 1*/
animation-iteration-count: <number> | infinite;

#See also

• animation
• animation-name
• animation-duration
• animation-timing-function
• animation-delay
• animation-iteration-count
• animation-direction
• animation-fill-mode
• animation-play-state
• CSS animation event
• Animated API

#Compatibility