Skip to content

Instantly share code, notes, and snippets.

@mightymess

mightymess/dabblet.css

Created February 20, 2012 15:40
Show Gist options
  • Save mightymess/1869701 to your computer and use it in GitHub Desktop.
Save mightymess/1869701 to your computer and use it in GitHub Desktop.
Download ZIP
Soundcloud is Gold round Bt all css3 test
Raw
dabblet.css
/**
* Soundcloud is Gold round Bt all css3 test
*/
.roundBt{
width:80px;
height:80px;
position:absolute;
left:60px;
top:20px;
border:solid 1px #609eb0;
display:block;
border-radius:40px;
transition: all 0.2s ease-in-out;
background: linear-gradient(bottom, rgb(218,232,246) 25%, rgb(8,207,220) 100%);
box-shadow: 0 5px 4px #666, inset 0px 0px 10px #78cfdc, inset 0px 6px 1px #fff, inset 0px 0px 10px #78cfdc, inset 0 -4px 5px #8da2af;
}
.roundBt:active{
transform: translate(0, 4px);
background: linear-gradient(top, rgb(218,232,246) 25%, rgb(8,207,220) 100%);
box-shadow: 0 0px 0px #666, inset 0px 0px 10px #78cfdc, inset 0px 0px 10px #78cfdc, inset 0px 4px 1px #8da2af, inset 0 -4px 2px #fff;
border:solid 1px #609eb0;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<a href="#" class="roundBt"></a>
Raw
settings.json
{"view":"split","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment