Skip to content

Instantly share code, notes, and snippets.

@lastguest

lastguest/dabblet.css

Created June 22, 2012 16:36
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save lastguest/2973888 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save lastguest/2973888 to your computer and use it in GitHub Desktop.
Download ZIP
Facebook Login
Raw
dabblet.css
/**
* Facebook Login
*/
body {
background-color: #cacaca;
text-size: 20px
}
button {
font-size: 20px
}
@keyframes bubbles {
from {
background: url(http://dl.dropbox.com/u/609946/cdn/bubbles.png) 0 256px repeat-x,
linear-gradient(top, #edcd7e, #de4c45);
}
50% {
background: url(http://dl.dropbox.com/u/609946/cdn/bubbles.png) 0 -256px repeat-x,
linear-gradient(top, #edcd7e, #de4c45);
}
to {
background: url(http://dl.dropbox.com/u/609946/cdn/bubbles.png) 0 -512px repeat-x,
linear-gradient(top, #edcd7e, #de4c45);
}
}
.btn-lava {
display: inline-block;
height: 4em;
padding-left: 1em;
padding-right: 1em;
color: #fff;
border: 0.25em solid rgb(255,255,255);
/*
border-image: linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(193,193,193,1) 50%,rgba(145,145,145,1) 51%,rgba(246,246,246,1) 100%) 5px 5px round round ;
*/
border-radius: 2em;
background:
url(http://dl.dropbox.com/u/609946/cdn/bubbles.png) 0 256px repeat-x,
linear-gradient(top, #edcd7e, #de4c45);
box-shadow:
inset 0px 5px 20px rgba(236, 234, 147,0.75);
background-clip: padding-box;
animation: bubbles 5s linear infinite;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<button class="btn-lava">Test Pulsante</button>​​​​​​​​​​​​​​
Raw
settings.json
{"view":"split","fontsize":"80","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment