Drawing a Face Using Pure CSS (CSS Art)

Jan 1, 2021 | Website Development | 0 comments

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

Graphic design using CSS isn’t the easiest. However, the result looks a lot like SVG images. And, having the entire graphic be CSS makes every detail extremely customizable and scalable on the fly, so it’s a really unique technique.

This is my first attempt at CSS art — and definitely my first try at 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.

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

Pin It on Pinterest