Skip to content

Instantly share code, notes, and snippets.

@voigtan

voigtan/dabblet.css

Created January 11, 2012 09:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save voigtan/1593865 to your computer and use it in GitHub Desktop.
Save voigtan/1593865 to your computer and use it in GitHub Desktop.
Download ZIP
just playing with dabblet
Raw
dabblet.css
/**
* just playing with dabblet
*/
.button {
border: 0;
padding: 0;
margin: 0px auto;
background: #f06;
border-radius: 30px;
overflow: hidden;
}
.button::-moz-focus-inner {
border: none; // overrides extra padding in Firefox
}
.button > span {
display: block;
position: relative;
background: transparent;
background: linear-gradient(-90deg, transparent, rgba(0,0,0,.5));
min-height:100%;
padding: 20px;
margin: 0;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<button class="button"><span>Click me</span></button>
Raw
settings.json
{"view":"split-vertical","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment