dziudek/dabblet.css

## dabblet.css
/**
 * Curvy background
 */

#main {
	transform: skewY(10deg);
	overflow: hidden
}

#main:hover #bg {
	background-position: 0 -100px;
}

#bg {
	background: url('http://placekitten.com/800/600/') no-repeat;
	background-size: cover;
	height: 600px;
	margin: -100px 0;
	transform: skewY(-10deg);
	transition: all .3s ease-out;
	width: 100%;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div id="main"><div><div id="bg"></div></div></div>

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* Curvy background
	*/

	#main {
	transform: skewY(10deg);
	overflow: hidden
	}

	#main:hover #bg {
	background-position: 0 -100px;
	}

	#bg {
	background: url('http://placekitten.com/800/600/') no-repeat;
	background-size: cover;
	height: 600px;
	margin: -100px 0;
	transform: skewY(-10deg);
	transition: all .3s ease-out;
	width: 100%;
	}
	<!-- content to be placed inside <body>…</body> -->
	<div id="main"><div><div id="bg"></div></div></div>