repeatCount
The repeatCount
attribute indicates the number of times an animation will take place.
You can use this attribute with the following SVG elements:
Example
html
<svg viewBox="0 0 220 150" xmlns="http://www.w3.org/2000/svg">
<rect x="0" y="0" width="100" height="100">
<animate
attributeType="XML"
attributeName="y"
from="0"
to="50"
dur="1s"
repeatCount="5" />
</rect>
<rect x="120" y="0" width="100" height="100">
<animate
attributeType="XML"
attributeName="y"
from="0"
to="50"
dur="1s"
repeatCount="indefinite" />
</rect>
</svg>
Usage notes
Value | <number> | indefinite |
---|---|
Default value | None |
Animatable | No |
<number>
-
This value specifies the number of iterations. It can include partial iterations expressed as fraction values. A fractional value describes a portion of the simple duration. Values must be greater than
0
. indefinite
-
This value indicates that the animation will be repeated indefinitely (i.e. until the document ends).
Specifications
Specification |
---|
SVG Animations Level 2 # RepeatCountAttribute |
Browser compatibility
BCD tables only load in the browser