Restarting a CSS Animation

Learn how to restart a CSS animation in a way that works across all modern mobile and desktop browsers!

-------

#css #javascript #animation

[ahmadissa]

This is very helpful, thank you good sir. I just tried pairing this method with the intersection observer for a website im working on, and it's doing wonders! I had a default class to animate everything when its off and back on viewport (became very dull since its the same effect for all animations now besides the first main entrances for the elements), but now i can have the original entrance animation back for each element! TNX KIRUPA! <3

[kirixvelu]

Well explained, adding to my CSS, thank you Kirupa

[theambient]

Thanks for this good video. Recently came across this very issue.

[patrickgianesini]

It works! You solve me a problem. Thank you

[JohnBartmannMusic]

Thanks, just what I needed. The codepen you linked lacks the JS though, perhaps include it?

[mefgarba]

I usually don't comment on youtube, but this video was really helpfull.
Thanks a million!

[MacielDev]

how can i restart more then one class animation with one button pleasE?

[mikojanchannel]

Android works ✅
Windows works ✅
but on Ubuntu it will not work without a setTimeout, and even then the animation will not be smooth - it will show the circle scaled to 1 for a frame