Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@kkorsakov

kkorsakov/dabblet.css

Forked from ostroffsky/dabblet.css
Created May 2, 2012 15:23
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kkorsakov/2577437 to your computer and use it in GitHub Desktop.
Save kkorsakov/2577437 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: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
.item {
display: inline-block;
padding: 10px;
background-color: rgba(255, 255, 255, .5);
}
.wrapper {
padding: 10px;
background: rgba(255, 255, 255, .5);
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<body>
<div class="wrapper" style="display: none;" id="wrapper">
<div class="item item_1" style="display: none;">1</div>
<div class="item item_2">2</div>
<div class="item item_3">3</div>
</div>
<script>
function show(){
document.getElementById('wrapper').style.display='block';
}
setTimeout(show,2000)
</script>
</body>
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment