Moon Walk du Hater

dabblet.css

/* 
* Moon Walk du Hater
*/

* {margin: 0; padding: 0;}
		
	body {
		background:#fff;
	}
	
	img {
		position: absolute;
		top: 50%;
		margin-top: -160px;
		left: 0;
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
	}
	
	
	nav {
		width: 100px;
		position: fixed;
		bottom: 20px;
		left: 50%;
		margin-left: -50px;
		text-align: center;
		height: 20px;
	}
	
		nav input {
			width: 30px;
		}
		
	
	
	.stp1:checked ~ img {
		left: 0;
	}
	
	.stp2:checked ~ img {
		left: 35%;
	}
	
	.stp3:checked + img {
		left: 60%
	}

dabblet.js

// alert('Hello world!');

settings.json

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