Skip to content

Instantly share code, notes, and snippets.

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

Embed
What would you like to do?
Untitled
body {
background: #222;
text-align: center;
}
a {
display: inline-block;
position: relative;
width: 200px;
height: 200px;
margin: 40px 20px;
background: url('https://s3.amazonaws.com/hakim-static/shared/grey-wall-pattern-127x127.png') 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),
a:nth-child(2)>div {
border-radius: 50%;
}
<a href="http://lab.hakim.se"><div></div></a>
<a href="http://lab.hakim.se"><div></div></a>
{"view":"split","fontsize":"90","seethrough":"","prefixfree":"1","page":"all"}
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.