dziudek · October 21, 2013 18:26
diff --git a/dabblet.css b/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%;
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <div id="main"><div><div id="bg"></div></div></div>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/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>