box-shadow vs filter: drop-shadow 2

dabblet.css

/**
 * box-shadow vs filter: drop-shadow 2
 */

body{
	background: lightblue;
	font: 16px sans-serif;
	margin: 50px;
}

.birch{
	margin-right: auto;
	margin-left: auto;
	position: relative;
	display: block;
	height: 256px;
	width: 256px;
	background: url(http://a.poptart.in/M82R/birch.png);
}

.filter-drop-shadow {
	-webkit-filter: drop-shadow(0 1px 15px rgba(0,0,0,.2));
	-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
	-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
	filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
}

dabblet.html

<div class="birch filter-drop-shadow"></div>​

settings.json

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