Blue Circles Animation – HTML/CSS/JavaScript

• Watch this animation live: http://yashmoondhra.com/demonstrations/blue-circles/ • Learn how I made this: https://medium.com/@ymoondhra/frontend-art-01-blue-circles-animation-bcca77d270df Press L to appreciate it!

This animation used to be on my personal website to represent the different aspects of my life. I have four main activities. The blue background circles represent smaller time commitments. Sometimes they overlap in my life, like when I play drums (music) at a charity event (service) with my friends (social life). I superimposed many layers to create a three-dimensional effect, representing the deeper understanding of myself I am trying to convey.