Skip to content

Instantly share code, notes, and snippets.

@nielsdoorn

nielsdoorn/dabblet.css

Created March 27, 2015 10:31
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 nielsdoorn/8e91db047af49c428a06 to your computer and use it in GitHub Desktop.
Save nielsdoorn/8e91db047af49c428a06 to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
dabblet.css
.blok {
width: 280px;
height: 180px;
transition: .2s;
background: url('http://placekitten.com/g/310/310');
background-size: 280px 280px;
opacity: 0.4;
}
.blok:hover {
background-size: 310px 310px;
opacity: 1;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="blok"></div>
Raw
dabblet.js
// alert('Hello world!');
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