Drawing Homer Simpson using circles in CSS

As I mentioned in the intro, I’m off to our xmas party tonight in my Simpsons holiday shirt so I was delighted to see that I could draw homer in CSS just using circles. Would it be easier to use an SVG? Probably, but not as much fun.

CSS drawings are normally compositions of shapes that result in a vectorial-looking image. A cartoon character like Homer Simpson doesn’t fit in that category, which makes drawing it in CSS a challenge.

On top of that, this cartoon was done as part of a CodePen challenge that consisted of building something limiting ourselves to one shape: the circle, which adds an interesting restriction to the mix.

An excerpt from Drawing Homer Simpson using circles in CSS

View original article

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.