How to put animation in loop?

Question

please provide me a code to put animation in loop

Answer 1

Hey @visph how to make a gradient stop-color animation??
I tried this :
<stop stop-color="red" ……>
<animate attributeName="stop-color" ……>
</stop>

……but it didn't work… ~_~

Answer 2

(@visph grammatical mistake : "indefinte -> indefinite")

Answer 3

For css animation, use 'infinite' special value for the 'animation-iteration-count' property value:

animation-iteration-count:infinite;

Answer 4

For svg animation:

<shape>
<animate repeatCount="indefinite" ... >
</shape>

For chained animations:

<shape>
<animate id="anim1" begin="0s; anim2.end" dur=... >
<animate id="anim1" begin="anim1.end" dur=... >
</shape>

Answer 5

@VH:

You made at least one mistake: the attribute name is 'stop-color' and not 'color-stop'...
Next, I don't know your other attributes of <animate> tag: for animate color, use 'values' attribut... ( don't know if 'from' and 'to' are effective: I search another solution before finding I had forgot a letter in attribute name, so I wasn't succesfull ^^ ).

Results of my tests here: https://code.sololearn.com/Wvac74Zd8Ry3/#html

Answer 6

( @VH corrected, thanks ^^ )