Multiple Backgrounds with CSS3

.bg { background-image: url(sheep.png), url(betweengrassandsky.png); background-position: center bottom, left top; background-repeat: no-repeat; }

2 Responses

If you wanted to do this shorthand you could do

background: url(sheep.png) center bottom no-repeat, url(betweengrassandsky.png) left top repeat;
@Adam Girton Exactly my friend, that way is just to everyone undestand clearly!

Write a comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.