SVG filters in data URIs!

dabblet.css

/**
 * SVG filters in data URIs!
 */

img {
	-webkit-filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">\
	<filter id="blur"><feGaussianBlur in="SourceGraphic" stdDeviation="5" /></filter></svg>#blur');
	
	filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">\
	<filter id="blur"><feGaussianBlur in="SourceGraphic" stdDeviation="5" /></filter></svg>#blur');
}

dabblet.html

<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Stray_kitten_Rambo002.jpg/1024px-Stray_kitten_Rambo002.jpg" />

<svg viewBox="0 0 100 100">
	<filter id="blur">
		<feGaussianBlur in="SourceGraphic" stdDeviation="5" />
	</filter>
</svg>

dabblet.js

// alert('Hello world!');

settings.json

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