Snippets

Multiple backgrounds with CSS3

Multiple backgrounds involved using multiple property assignments with multiple values, separated by a comma.

#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;
}

Source: http://davidwalsh.name/css-multiple-background...

Share this snippet

 

Leave a Reply

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

Please respect the following rules: No advertising, no spam, no keyword in name field. Thank you!