Untitled

dabblet.css

#curl{
    width:100px;
    height:100px;
    position:fixed;
    top:0;
    right:0;
}
#curl:hover{
    width:350px;
    height:350px;
     -webkit-transition: ease 1s;
     -moz-transition: ease 1s;
}
#peel{
    background:white url('https://dl.dropboxusercontent.com/u/1148/web/origins/peel/peel-bg.jpg') no-repeat top right;
    background-size:180%;
    overflow:hidden;
    width:100px;
    height:100px;
    position:fixed;
    top:0;
    right:0;
}

#peel:hover{
    width:350px;
    height:350px;
    background-size:100%;
    -webkit-transition: ease 1s;
    -moz-transition: ease 1s;
    cursor:pointer;
} 
#bg{
display:none;
}

dabblet.html

<div id="peel">
<img id="bg" src="https://dl.dropboxusercontent.com/u/1148/web/origins/peel/peel-bg.jpg"/>
<img id="curl" src="https://dl.dropboxusercontent.com/u/1148/web/origins/peel/peel-page.png">
</div>

settings.json

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