Drawing a Face Using Pure CSS (CSS Art)

This blog is reader-supported. When you make a purchase through links on my site I may make a small commission at no additional cost to you.

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.

Share this post!

0 0 votes
Article Rating
Notify of
Inline Feedbacks
View all comments