Skip to content

Instantly share code, notes, and snippets.

@marciobarrios
Forked from daneden/dabblet.css
Created April 19, 2012 22:30
Show Gist options
  • Save marciobarrios/2424636 to your computer and use it in GitHub Desktop.
Save marciobarrios/2424636 to your computer and use it in GitHub Desktop.
Butt.
/* Butt. */
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
min-height: 100%;
font: 100%/1.5 Proxima Nova, proxima-nova, Helvetica Neue, Helvetica, Arial, sans-serif;
background: -webkit-linear-gradient(hsl(200,30%,80%), #fff 400px);
-webkit-font-smoothing: antialiased;
color: #001e5b;
}
body {
margin: 120px auto;
max-width: 600px;
-webkit-transform: translate3d(0,0,0);
text-align: center;
}
.butt {
display: inline-block;
position: relative;
color: #111111;
text-shadow: 0 1px 0 rgba(255,255,255,.3);
background-color: #929cae;
background: -webkit-linear-gradient(rgba(255,255,255,.4), rgba(255,255,255,.1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,.6));
border-radius: 4px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 0 0 1px #565672, 0 1px 5px #6681b1;
font-weight: 700;
padding: .25em 1em;
margin: 1em;
text-decoration: none;
-webkit-animation: glow 2.5s ease infinite;
}
@-webkit-keyframes glow {
0% { background-color: #929cae; }
50% { background-color: #abb5c2; }
100% { background-color: #929cae; }
}
<a class=butt href="http://twitter.com/_dte">Follow @_dte</a>
{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment