SVG animation opacity on loop

Question

I would like to make an svg path\'s opacity to go from 0 to 100 back to 0 and to 100 on a continuous loop.

So far i can get it to animate from 0 to 100 but not back agai

Answer 1

You can animate any number of values using the values attribute, like this:

That will animate from opacity 0 to opacity 1 (100%), and then back to 0 again, over the course of 1 second.