Skip to content

Instantly share code, notes, and snippets.

@adbharadwaj

adbharadwaj/dabblet.css

Created January 2, 2014 10:22
Show Gist options
  • Save adbharadwaj/8217335 to your computer and use it in GitHub Desktop.
Save adbharadwaj/8217335 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
*/
body {
background-image: url(http://www.culut.com/static/wallpaper/1280x1280/hd-wallpapers-basketball-court-wallpaper-sport-pic-1280x1280-wallpaper.jpg);
background-size: 500px 350px;
background-repeat: no-repeat;
}
.basketball{
position:fixed;
top: 0px;
height:3em;
width:3em;
-webkit-animation: bounce 3s 1s infinite ease-in-out alternate;
}
@-webkit-keyframes bounce {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20%, 50%, 80%, 100% {
-webkit-transform: translateY(300px);
transform: translateY(300px);
}
40% {
-webkit-transform: translateY(200px);
transform: translateY(200px);
}
60% {
-webkit-transform: translateY(150px);
transform: translateY(150px);
}
90% {
-webkit-transform: translateY(100px);
transform: translateY(150px);
}
}
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<body>
<img class="basketball" src="http://www.hillsbasketball.com/images/basketball%20(1).png">
</body>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"separate","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