CSS Circles Animation


Pretty circles with a pure CSS animation hover effect. They were originally intended for the front page of this site. I decided not to use them there since I wanted to showcase some WebGL, but I still think they look nice!

They’re fully responsive too, so go ahead and resize the browser window.

They were originally inspired by something I found on CodePen, however I can’t find it again to provide proper attribution - so, thank you mystery coder for the inspiration!

The background art was created as a series of “mistakes” while working on my hyperbolic tesselation generator, AKA EscherSketch, which you can find here.

The animation is created using a multiple css box-shadows, along with hover animations and changing background image sizes.