Hidden checkboxes

dabblet.css

/* Hidden checkboxes  */
#btnControl {    display: none;}

#btnControl:checked + label > img {
    transform: scale(.5) rotate(360deg);
    
}
img {transition: transform .5s linear;}

dabblet.html

<input type="checkbox" id="btnControl"/><label class="btn" for="btnControl"><img src="http://placekitten.com.s3.amazonaws.com/homepage-samples/200/140.jpg" id="btnLeft" /></label>

dabblet.js

// alert('Hello world!');

settings.json

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