webkit filter on text!?

dabblet.css

/**
 * webkit filter on text!?
 */
body {
	padding: 50px;
	font-family: 'Helvetica Neue', helvetica, arial;
}

h1 {
	font-size: 55px;
	text-transform: uppercase;
}

span {
	-webkit-filter: blur(6px);
	transition: -webkit-filter ease 0.7s;
}
span:hover {
	-webkit-filter: blur(0);
}

dabblet.html

<h1>I'm all <span>Fuzzy…</span></h1>
<p><small>You gotta hover over that…</small></p>

settings.json

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