Use Multiple Background Images to Create Single Element CSS Art

In this lesson, we create a face for a head using layered comma-separated background images.

CSS allows us to layer as many background images as we want in a declaration. Using different styles of gradient we can create different shapes. Combined with background-size and background-position, we can then position and size these shapes accordingly to create different compositions.