alexeyten · April 10, 2017 07:57
diff --git a/dabblet.css b/dabblet.css
 /**
 * Привет «дизайнерам»!
 */

 html {
 	color: black;
 	background: white;
 }

 .opacity {
 	opacity: 0.5;
 }

 .overlay {
 	position: relative;
 }

 .overlay::before {
 	content: "";
 	position: absolute;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
 	background: hsla(0, 0%, 100%, .5);
 	pointer-events: none;
 }
diff --git a/dabblet.html b/dabblet.html
 <p class="opacity">Это серый текст</p>
 <p class="overlay">Это тоже серый текст</p>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split-vertical","fontsize":"90","seethrough":"","prefixfree":"1","page":"css"}
	<p class="opacity">Это серый текст</p>
	<p class="overlay">Это тоже серый текст</p>