Skip to content

Instantly share code, notes, and snippets.

@crazyrohila

crazyrohila/dabblet.css

Created April 3, 2013 10:28
Show Gist options
  • Save crazyrohila/5300074 to your computer and use it in GitHub Desktop.
Save crazyrohila/5300074 to your computer and use it in GitHub Desktop.
Download ZIP
F A L T U
Raw
dabblet.css
/**
* F A L T U
*/
@keyframes move {
50% {
text-shadow:
0 0 20px #fefcc9,
10px -10px 30px #feec85,
-20px -20px 40px #ffae34,
20px -40px 50px #ec760c,
-20px -80px 60px #cd4606;
}
0%,100% {
text-shadow:
0 0 20px #fefcc9,
10px -10px 30px #feec85,
-20px -20px 40px #ffae34,
20px -40px 50px #ec760c,
-20px -50px 60px #cd4606,
0 -60px 70px #973716,
10px -70px 30px #451b0e;
}
}
body:after{
content:"Fire";
font-size:800%;
position:fixed;
top:30%;
left:40%;
color:white;
text-shadow:
0 0 20px #fefcc9,
10px -10px 30px #feec85,
-20px -20px 40px #ffae34,
20px -40px 50px #ec760c,
-20px -60px 60px #cd4606,
0 -80px 70px #973716,
10px -90px 80px #451b0e;
letter-spacing: 20px;
box-shadow:0 0 30px 100px #222;
background:#222;
z-index:1 !important;
animation: move 5s 1s linear infinite;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"separate","fontsize":"100","seethrough":"1","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment