Skip to content

Instantly share code, notes, and snippets.

@eujc21
Created March 23, 2012 00:50
Show Gist options
  • Save eujc21/2165882 to your computer and use it in GitHub Desktop.
Save eujc21/2165882 to your computer and use it in GitHub Desktop.
Untitled
body{
background: linear-gradient(top, #5198bc 0%,#f4fffc 44%,#398235 100%);
background-repeat:no-repeat;
background-attachment:fixed;
min-height:1000px;
}
#leaf1{
height: 150px;
width: 150px;
position:absolute;
left: 1210px;
top: 50px;
}
#leaf2{
height: 150px;
width: 150px;
position:absolute;
left: 605px;
top: 10px;
}
#leaf3{
height: 150px;
width: 150px;
position:absolute;
left: 10px;
top: 50px;
}
<!-- content to be placed inside <body>…</body> -->
<body>
<div id="leaf1" class="leaf">
<a href="http:/www.google.com">
<img src="http://www.clker.com/cliparts/8/5/9/7/1215441639398169310Fredoguy_Leaf.svg.med.png" alt="Smiley face" width="32" height="32" />
</a>
</div>
<div id="leaf2" class="leaf">
<a href="http:/www.google.com">
<img src="http://www.clker.com/cliparts/8/5/9/7/1215441639398169310Fredoguy_Leaf.svg.med.png" alt="Smiley face" width="32" height="32" />
</a>
</div>
<div id="leaf3" class="leaf">
<a href="http:/www.google.com">
<img src="http://www.clker.com/cliparts/8/5/9/7/1215441639398169310Fredoguy_Leaf.svg.med.png" alt="Smiley face" width="32" height="32" />
</a>
</div>
</body>
{"view":"separate","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment