Untitled

dabblet.css

.box {
	width: 50%;
	height: 180px;
	position: relative;
	overflow: hidden;
	margin: 20px;
}

.box img {
	max-width: 100%;
	display: block;
	margin-top: -30px
	-ms-interpolation-mode: bicubic;
}

.box-shadow {
	border: 1px solid #000;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	opacity: 0.30;
	filter: alpha(opacity=30);
}

dabblet.html

<div class="box">
	<img src="http://laughingsquid.com/wp-content/uploads/maru-20090425-125127.jpg">
	<div class="box-shadow" aria="hidden"></div>
</div>

<div class="box">
	<img src="http://lh5.ggpht.com/_r9kRdupsocI/TYTwG_ftCtI/AAAAAAAAJnA/DFmVNBLf228/White%20Cat%20USB%20flash%20drive%5B3%5D.jpg">
	<div class="box-shadow" aria="hidden"></div>
</div>

settings.json

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