Stop Keyframe Animation From Automatic Start On Page Load

I've got some css and Keyframe animations that I use to run a couple of Div elements. I want the css and keyframe animations only to start when i click my buttom. My problem is, th

Solution 1:

Use the animation-play-state property to set the animation to paused initially

https://developer.mozilla.org/en-US/docs/Web/CSS/animation-play-state