Привет «дизайнерам»!

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;
}

dabblet.html

<p class="opacity">Это серый текст</p>
<p class="overlay">Это тоже серый текст</p>

dabblet.js

// alert('Hello world!');

settings.json

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