Skip to content

Instantly share code, notes, and snippets.

@crazyrohila

crazyrohila/dabblet.css

Created March 1, 2013 11:37
Show Gist options
  • Save crazyrohila/5064110 to your computer and use it in GitHub Desktop.
Save crazyrohila/5064110 to your computer and use it in GitHub Desktop.
Download ZIP
The first commented line is your dabblet’s title
Raw
dabblet.css
/**
* The first commented line is your dabblet’s title
*/
@keyframes pump {
0% {
top: 0;
left: 0;
font-size: 100px;
transform: rotate(0deg);
}
15% {
top: 50px;
left: 150px;
font-size: 150px;
transform: rotate(180deg);
}
30% {
top: 0;
left: 300px;
font-size: 100px;
transform: rotate(360deg);
}
45% {
top: 50px;
left: 450px;
font-size: 150px;
transform: rotate(540deg);
}
60% {
top: 0;
left: 600px;
font-size: 100px;
transform: rotate(720deg);
}
85% {
top: 50px;
left: 750px;
font-size: 150px;
transform: rotate(900deg);
}
100% {
top: 0;
left: 900px;
font-size: 100px;
transform: rotate(1080deg);
}
}
#pump {
position: absolute;
color: red;
font-size: 100px;
animation: pump 5s infinite;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div id="pump">&#x2665;</div>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"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