Skip to content

Instantly share code, notes, and snippets.

@drublic

drublic/dabblet.css

Created January 21, 2012 16:02
Show Gist options
  • Save drublic/1653155 to your computer and use it in GitHub Desktop.
Save drublic/1653155 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%;
}
a {
position: absolute;
z-index: 1;
left: 200px;
top: 200px;
width: 50px;
height: 50px;
background: #ddd;
}
#test {
position: absolute;
left: 0;
top: 0;
width: 400px;
height: 400px;
transition: all 3s;
background: url(http://colored.by/img/logo.png);
}
#test:target {
transform: scale(0,0);
}
#test:target + a {
left: 0;
top: 0;
width: 400px;
height: 400px;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div id="test"></div>
<a href="#test">Test</a>
Raw
settings.json
{"view":"split","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment