Multiple Backgrounds with CSS

??

Web developer David Walsh has a great tutorial to share with us, which is making a multiple background with CSS. This feature is a very useful tool in preventing the need for nested elements. Click on the image to see his tutorial.

Here’s the DEMO, and the CSS code:

#multipleBGs {
background: url(photo1.png),
url(photo2.png),
url(photo3.png)
;
background-repeat: no-repeat,
no-repeat,
repeat-y;
background-position: 0 0,
30px 70px,
right top;
width: 400px;
height: 400px;
border: 1px solid #ccc;
}

Incoming search terms for the article:

Related Posts

Oregon-Inspired Photoshop Tutorial

PS Advanced Compositioning

How To Create A Triangular Pixelation Effect Using Photoshop

Flat Icon Design Inspiration For Mobile Phone