Skip to content

Instantly share code, notes, and snippets.

@Bellfalasch
Created March 13, 2015 10:52
Show Gist options
  • Save Bellfalasch/70e192e54354330e606b to your computer and use it in GitHub Desktop.
Save Bellfalasch/70e192e54354330e606b to your computer and use it in GitHub Desktop.
Simple 3d button
/*
html:
<div class="test"></div>
*/
.test {
border: none;
border-bottom: 5px solid hsla(0,0%,0%,0.2);
/* border-left: 5px solid black;*/
border-radius: 50%;
width: 100px;
height: 100px;
background-color: #bbb;
display: block;
}
.test:hover {
border-bottom-width: 1px;
border-top: 4px solid white;
background-color: #aaa;
cursor: pointer;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment