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;

No comments:

Post a Comment