Multiple Background images with CSS3

Layering multiple background images
The background of a box can have multiple layers in CSS3. The number of layers is determined by the number of comma-separated values in the ‘background-image’ property. Note that a value of ‘none’ still creates a layer.


Here’s a example:

Here’s the code for this:

1. width: 500px;
2. height: 150px;
3. background-image: url(boll.png),  url(VectorBackgrounds11.jpg);
4. background-position: center bottom, left top;
5. background-repeat: no-repeat;