create-keyframe-animation demo

Tap/click the dot to trigger the animation

Extra fun on mobile. If you have a touch device and the dot is in the corner you can drag and toss the dot around and it will use device motion apis to let you tilt your phone to move it around.

The collapse animation is also created dynamically and randomized (which you can't do with just CSS)

Experiment by: @HenrikJoreteg