Colorize black element with filters

dabblet.css

/**
 * Colorize black element with filters
 * Webkit-only at the moment (Chrome Canary or Webkit nightlies)
 */

body {
	background: pink;
}

div {
	position: relative;
	width: 100px;
	height: 100px;
	margin: 50px;
	background: url(http://files.simurai.com/misc/svg/noun_project_745.svg) no-repeat;
	-webkit-filter: invert() 
			sepia()
			saturate(8000%)
			drop-shadow(3px 3px 5px gray);
}

div:nth-child(2) {
	-webkit-filter: invert()
 			sepia()
			saturate(8000%)
			hue-rotate(30deg)
			drop-shadow(3px 3px 5px gray);
}

dabblet.html

<div class="drop-shadow"></div>

<div class="box-shadow"></div>

settings.json

{"view":"split-vertical","prefixfree":"1","page":"css"}

Clever!