Добавляем шум к элементам на чистом CSS

Конечно же с использованием base64

HTML

<div class="block">Без шума</div>
<div class="block noise">С шумом</div>
<div class="block gradient1">Без шума</div>
<div class="block gradient1 noise">С шумом</div>
<div class="block gradient2">Без шума</div>
<div class="block gradient2 noise">С шумом</div>
<p>Картинка сгенерирована через <a href="http://blockpro.ru/base64.php" target="_blank" title="Онлайн base64 кодировщик картинок">NiceBase64</a></p>
<div class="block img">Без шума</div>
<div class="block img noise">С шумом</div>

CSS

/* Шум */
.noise {
	position: relative;
	z-index: 1;
	}
		
.noise:before {
	content: "";
	position: absolute;
	z-index: -1;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-image:...