Drawing a Face Using Pure CSS (CSS Art)

Did you know you can use pure CSS to create art?

Graphic designing with CSS isn't the easiest. However, the results look a lot like SVG images and having the entire graphic made of CSS styles makes everything extremely customizable – even on the fly – so, it's really cool!

This is my pseudo-first crack at CSS art – and definitely my first try and making a face. I had a lot of fun experimenting with different CSS properties and coming up with a drawing of a face – complete with hair, eyes, ears, nose, tongue, teeth, and glasses. Pretty awesome, right?

Check it out:

See the Pen CSS Face by Floyd Hartford (@floyd) on CodePen.