Skip to content

Instantly share code, notes, and snippets.

@illnino
Created July 23, 2013 03:28
Show Gist options
  • Save illnino/6059648 to your computer and use it in GitHub Desktop.
Save illnino/6059648 to your computer and use it in GitHub Desktop.
A CodePen by illnino. Multiple BG image - With CSS3, you could use multiple images to stack layers to draw a beautiful picture.
<div>Dinosaur with Grass and clouds</div>
/*
http://learn.shayhowe.com/html-css/backgrounds-gradients
*/
div{
text-indent: -999px;
height: 200px;
background:
url('http://learn.shayhowe.com/assets/courses/html-css-guide/backgrounds-gradients/dyno-355beb93669be79f10f78e826f141104.png') no-repeat 300px 10px,
url('http://learn.shayhowe.com/assets/courses/html-css-guide/backgrounds-gradients/grass-a215c9eaf9b3e912ed56d9c2b3a70471.png') no-repeat 0 100%,
url('http://learn.shayhowe.com/assets/courses/html-css-guide/backgrounds-gradients/sky-cbec20953816085f6f8005248bf1e56e.jpg') no-repeat 0 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment