Skip to content

Instantly share code, notes, and snippets.

@cleitonfco
Created April 23, 2012 16:04
Show Gist options
  • Save cleitonfco/2471917 to your computer and use it in GitHub Desktop.
Save cleitonfco/2471917 to your computer and use it in GitHub Desktop.
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
button {
border-radius:10px;
border:none;
width:200px;
padding: 10px 8px 10px 50px;
font-family:Arial, sans-serif;
font-size:38px;
font-weight:bold;
letter-spacing:-2px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
position:relative;
}
button::before {
width:48px;
height:48px;
position:absolute;
left: 10px;
top: 7px;
display:inline-block;
z-index:5;
background-image:url(http://dl.dropbox.com/u/1047202/technologic-icons.png);
background-position: top center;
background-repeat: no-repeat;
content:"";
}
<button id=drag type=button>drag it</button>
{"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