Skip to content

Instantly share code, notes, and snippets.

@gdmachado

gdmachado/dabblet.css

Created March 27, 2012 04:27
Show Gist options
  • Save gdmachado/2212524 to your computer and use it in GitHub Desktop.
Save gdmachado/2212524 to your computer and use it in GitHub Desktop.
Download ZIP
Kitteh!
Raw
dabblet.css
/**
* Kitteh!
*/
.img {
margin: 0px auto;
width: 185px;
height: 185px;
position: relative;
border-radius: 5px;
box-shadow: 0 6px 6px -5px rgba(0,0,0,0.5);
border: 1px solid #ddd;
border-bottom: none;
background-image: url("http://farm7.staticflickr.com/6213/6243090894_8b8dd862cd.jpg");
background-size: 185px;
transition: width .5s cubic-bezier(.28,1.06,.91,.95),
height .5s cubic-bezier(.28,1.06,.91,.95),
background-size .5s cubic-bezier(.28,1.06,.91,.95);
}
div:hover {
width: 200px;
height: 200px;
background-size: 200px;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="img"></div>
Raw
settings.json
{"view":"separate","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment