Making CSS Art

Even though CSS art existed since availability of rounded corners, recently this art form has taken deeper roots. Given its limited nature, creating CSS art requires thinking outside the box model.

Ghost Together
8 min readFeb 20, 2020

Here’s a list of my best web development tutorials.

Complete CSS flex tutorial on Hashnode.

Ultimate CSS grid tutorial on Hashnode.

Higher-order functions .map, .filter & .reduce on Hashnode.

Follow me @ Twitter, Instagram & fb to never miss premium articles.

But wait. What exactly is CSS art? CSS paintings are hinged on exploiting Cascading Style Sheets — a language created for styling HTML documents by using its features in a way that wasn’t originally intended.

In this tutorial I will use ArtBox because it makes CSS art easier to explain. But the same techniques will work in Chrome and other browsers.

A Clockwork Orange

This is a current WIP of the Clockwork Orange poster art. It will probably take another week to finish the face at which point the image will be updated but I had to…

--

--

Ghost Together
Ghost Together

Written by Ghost Together

Ghost Together @ https://semicolon.dev is an alternative to Twitter. Sign up to meet other makers of things.