Multiple backgrounds

It is possible to apply multiple backgrounds to an element including images and gradients.

Syntax

background: background-1, background-2, background-3 ...

The backgrounds are layered on top of each other, with background-1 being the top layer followed by next one that is placed below first one and the last background listed placed in the back. If the color is used, it should be applied last.

See the Pen multiple background images by majadc (@majadc) on CodePen.

Resources

Posted in CSS

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.