test background & png

dabblet.css

/* test background & png*/

img {
margin :-3em;
padding:2.5em;
position:relative;
border:1px solid;
box-shadow:inset 0 0 5px;
background-image:linear-gradient(0deg,rgba(0,0,0,0.1),rgba(0,0,0,0.5))}
img:hover {
background:white;
z-index:1;
background-image:linear-gradient(45deg,rgba(0,0,0,0.5) 10%,rgba(0,0,0,0.1) 10%)
}
html {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
padding:3em;
}

dabblet.html

<img src="http://forum.alsacreations.com/icos/dossieron.png" />
<img src="http://forum.alsacreations.com/icos/dossier.png" />
<p>Hover me</p>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}