Circles Animation

A small animated illustration I worked on for a project. The different animation states would be triggered on scroll. The challenge was to make it work so that the different states could be triggered at any point in the animation, but gsap.js came to the rescue.

Check the link for the interactive version:
https://codepen.io/ksokhan/full/YZRGpE