Skip to content

Instantly share code, notes, and snippets.

@crazyrohila

crazyrohila/dabblet.css

Created March 1, 2013 20:50
Show Gist options
  • Save crazyrohila/5067683 to your computer and use it in GitHub Desktop.
Save crazyrohila/5067683 to your computer and use it in GitHub Desktop.
Download ZIP
coming through.
Raw
dabblet.css
/**
* coming through.
*/
@keyframes gola {
0%{ transform: rotate(0deg) scale(.01) skew(0,0); top:0;}
15%{ transform: rotate(0deg) scale(.01) skew(0,0); top:0;}
100%{ transform: rotate(720deg) scale(7) skew(10deg,10deg); top:90%;}
}
.gola {
width:150px;
height: 150px;
background-image: linear-gradient(left, green, red);
border-radius: 50%;
position: absolute;
left: 40%;
animation: gola 3s ease-in infinite;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div id="main">
<div class="gola"></div>
</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