fazlurr · June 22, 2014 14:32
diff --git a/dabblet.css b/dabblet.css
 /**
 * Color tinting images 
 * Important: Blending modes need to be enabled (Chrome: Experimental Web Platform Features flag, Firefox: layout.css.background-blend-mode.enabled pref)
 * Photo: https://flickr.com/photos/tangledcontrolpads/246642987
 */

 height: 100vh;
 background: url('https://c1.staticflickr.com/1/85/246642987_df591a5a33_b.jpg') no-repeat center hsl(335, 100%, 50%);
 background-size: cover;
 background-blend-mode: luminosity;

 /* With filters (not as good):
 -webkit-filter: grayscale() sepia() saturate(3) hue-rotate(295deg);
 filter: grayscale() sepia() saturate(3) hue-rotate(295deg); */
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* Color tinting images
	* Important: Blending modes need to be enabled (Chrome: Experimental Web Platform Features flag, Firefox: layout.css.background-blend-mode.enabled pref)
	* Photo: https://flickr.com/photos/tangledcontrolpads/246642987
	*/

	height: 100vh;
	background: url('https://c1.staticflickr.com/1/85/246642987_df591a5a33_b.jpg') no-repeat center hsl(335, 100%, 50%);
	background-size: cover;
	background-blend-mode: luminosity;

	/* With filters (not as good):
	-webkit-filter: grayscale() sepia() saturate(3) hue-rotate(295deg);
	filter: grayscale() sepia() saturate(3) hue-rotate(295deg); */
No results found