RRRRRRRRRRROLL

dabblet.css

/**
 * RRRRRRRRRRROLL
 */

body {
	background-color: #000;
}

html, body, ul {
	padding: 0;
	margin: 0;
	overflow: hidden;
}


li {
	list-style: none;
	margin: 0;
	float: left;
	padding: 0;
	width: 20%;
}

li:before {
	background: url(http://24.media.tumblr.com/tumblr_m6682mxtuF1rt0g8wo1_500.gif) no-repeat;
	content: "";
	display: block;
	height: 281px;		
	width: 495px;
	transform: scaleY(800);
	opacity: 0.1;
}

li:nth-child(2n):before{
	transform: scaleX(-800);
	opacity: 1;
}

dabblet.html

<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>

<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>

settings.json

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