Skip to content

Instantly share code, notes, and snippets.

@vasilisvg

vasilisvg/dabblet.css

Created May 7, 2014 21:37
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 8 You must be signed in to fork a gist
  • Save vasilisvg/3490dd85dc354f310c88 to your computer and use it in GitHub Desktop.
Save vasilisvg/3490dd85dc354f310c88 to your computer and use it in GitHub Desktop.
Download ZIP
Bling button
Raw
dabblet.css
/**
* Bling button
*/
button {
font-size: 2em;
border-radius: .3em; /* Kan je hier een ei van maken? */
border: .1em solid;
background-image: linear-gradient(to right bottom, hotpink 0%, papayawhip 100%); /* http://www.css3factory.com/linear-gradients/ */
box-shadow: ; /* Bijvoorbeeld 0 0 .3em rgba(0,0,0,.5) */
}
button:hover {
transform: scale(1.04);
box-shadow: ; /* Bijvoorbeeld 0 0 .3em .1em rgba(0,0,0,.5) */
}
button:active {
transform: translate(.1em, .1em);
background-image: linear-gradient(to left top, hotpink 0%, papayawhip 100%);
box-shadow: ; /* Bijvoorbeeld 0 0 .3em -.05em rgba(0,0,0,.5) */
}
body {
padding: 3em 1em;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<button>Versturen</button>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment