Skip to content

Instantly share code, notes, and snippets.

@idrakimuhamad

idrakimuhamad/dabblet.css

Created February 2, 2012 04:32
Show Gist options
  • Save idrakimuhamad/1721501 to your computer and use it in GitHub Desktop.
Save idrakimuhamad/1721501 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: #f0f0f0;
background: linear-gradient(45deg, #f0f0f0, #aaa);
min-height:100%;
}
.tm {
width: 400px;
border-radius:5px;
border:5px solid #fff;
box-shadow:0px 0px 3px #989898;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
margin: 15px 5px 10px 20px;
}
.tm:hover {
box-shadow:0px 0px 3px 2px #60a1e5;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="tm">
<img src="http://placehold.it/400x250" />
</div>
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