I found this very cool css on CodePen. I'm very new to web animations and can't seem to find a way to reverse the animation (after completion of the animation).
Essentially, I want the code to reiterate with the same animations but with a different text after the completion of the first text. How do I go about doing this?
I tried changing the svg.intro.go .text-stroke
and tried adding/modifying the animation names, all in vain. Please help.
Asked
Active
Viewed 172 times
0

AllStars101
- 1
- 2
1 Answers
0
you can put following styles in your respective animation class :
animation-iteration-count:infinite;
Original query on stackover flow : click here

jimish
- 654
- 1
- 8
- 22
-
Thanks, but I tried this and it seems to iterate it over and over. I want to change the text after iteration. How may I do this? – AllStars101 Mar 04 '21 at 01:40