Skip to content

Instantly share code, notes, and snippets.

@yatil

yatil/dabblet.css

Created March 1, 2012 10:09
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 yatil/1948694 to your computer and use it in GitHub Desktop.
Save yatil/1948694 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
*/
div {
background: linear-gradient(#f3f3f3, #eee);
width: 250px;
height: 250px;
color: #999;
font-family: 'Helvetica Neue', Arial, sans-serif;
line-height: 250px;
text-align: center;
text-transform: uppercase;
border-radius: 4px;
border: 1px solid;
box-shadow: 0 0 5px #999;
transform: scale(1,0);
transform-origin: 50% 50%;
transition: transform .5s linear;
height:0;
position: absolute;
right: 50px;
top:50px;
}
body { background-color: #ff0; display: block; height: 1000px;}
body:hover div {
transform: scale(1,1);
height:auto;
opacity: 1;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
Putting some Content
<div>Contentcontent</div>
around
Raw
settings.json
{"view":"split","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment