Skip to content

Instantly share code, notes, and snippets.

@dvnckr dvnckr/dabblet.css
Created Oct 10, 2012

What would you like to do?
body {
background: #222;
text-align: center;
a {
display: inline-block;
position: relative;
width: 200px;
height: 200px;
margin: 40px 20px;
background: url('') repeat -27px -27px;
box-shadow: 0 4px 6px #111;
a>div {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 1px solid rgba(255,255,255,0.8);
transition: border 0.2s ease;
a:hover>div {
border-width: 30px;
a:nth-child(2)>div {
border-radius: 50%;
<a href=""><div></div></a>
<a href=""><div></div></a>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.