Showing posts with label Multiple Background Images. Show all posts
Showing posts with label Multiple Background Images. Show all posts

Multiple Background Images



Applying multiple background images in CSS3 is quite easy, using a comma with the standard background property.


E.g. background: url(image_1.extention) top right no-repeat, url(image_2.extention) bottom right no-repeat;

This panel uses three seperate images in its background.

  1. CSS3 Background Image (Multiple)
  2. #my_CSS3_id {
  3. background: url(image_1.extention) top left no-repeat,

    url(image_2.extention) bottom left no-repeat,

    url(image_3.extention) bottom right no-repeat;
  4. }
Example for those on alternative browsers, not seeing the background-image effect..