Color tinting — with filters

dabblet.css

/**
 * Color tinting — with filters
 */

img {
	max-width: 640px;
	transition: 1s filter, 1s -webkit-filter;
	-webkit-filter: sepia() saturate(4) hue-rotate(295deg);
	filter: sepia() saturate(4) hue-rotate(295deg);
}

img:hover,
img:focus {
	-webkit-filter: none;
	filter: none;
}

dabblet.html

<img src="http://csssecrets.io/images/tiger.jpg" />

dabblet.js

// alert('Hello world!');

settings.json

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