Skip to content

Instantly share code, notes, and snippets.

@chriscoyier
Created March 21, 2012 23:20
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 3 You must be signed in to fork a gist
  • Save chriscoyier/2154095 to your computer and use it in GitHub Desktop.
Save chriscoyier/2154095 to your computer and use it in GitHub Desktop.
Untitled
.holder {
position: relative;
width: 215px;
height: 215px;
margin: 20px;
z-index: 999;
cursor: pointer;
}
.h1 {
background: url(http://picbox.im/image/209a643d3d-1.png);
width: 210px;
height: 86px;
position: absolute;
z-index:10;
}
.h2 {
background: url(http://picbox.im/image/29ce86daf0-g.png);
width: 181px;
height: 92px;
position: absolute;
z-index: 20;
top: 90px;
left: 14px;
transition: all 1s ease-in-out;
}
.h3 {
background: url(http://picbox.im/image/87659c6f06-2.png);
width: 210px;
height: 174px;
position: absolute;
z-index:30;
top: 37px;
}
.holder:hover .h2 {
top: -5px;
}
<div class="holder">
<a target="_blank" href="https://plus.google.com/113096484888668600653/posts">
<div class="h1"></div>
<div class="h2"></div>
<div class="h3"></div>
</a>
</div>
{"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