Skip to content

Instantly share code, notes, and snippets.

@bttq

bttq/dabblet.css

Created August 24, 2012 08:42
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save bttq/3447631 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save bttq/3447631 to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
dabblet.css
div {
width: 200px;
height: 200px;
display: inline-block;
}
#test {
background-image: url(http://www.html5rocks.com/static/demos/high-dpi/image-set/icon1x.jpg);
}
#test2, #test3 { /* iOS6 */
background-image: -webkit-image-set(
url(http://www.html5rocks.com/static/demos/high-dpi/image-set/icon1x.jpg) 1x,
url(http://www.html5rocks.com/static/demos/high-dpi/image-set/icon2x.jpg) 2x
);
}
@media (-webkit-min-deonly screen and vice-pixel-ratio: 2) {
#test, #test3 { /* iOS5 */
background-image: url(http://www.html5rocks.com/static/demos/high-dpi/image-set/icon2x.jpg);
background-size: 100%;
}​
}
Raw
dabblet.html
<div id="test"></div>​
<div id="test2"></div>​
<div id="test3"></div>​
Raw
settings.json
{"view":"split","fontsize":"80","seethrough":"","prefixfree":"","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment