#noise-test {
position: relative;
z-index: 1;
background-color: #666;
background-image: -webkit-linear-gradient(black, transparent);
background-image: -moz-linear-gradient(black, transparent);
height: 300px;
margin: 20px auto;
width: 400px;
}
#noise-test:before {
content: "";
position: absolute;
z-index: -2;
top:0;
bottom:0;
left:25%;
right:0;
opacity: 0.25;
background-image:
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px),
-webkit-radial-gradient(white 0px, transparent 1px);
background-image:
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px),
-moz-radial-gradient(white 0px, transparent 1px);
background-position:
23px 8px, 6px 98px, 39px 11px, 46px 98px, 57px 91px, 19px 78px, 61px 88px, 21px 83px, 84px 25px, 27px 34px, 48px 46px, 78px 85px, 3px 31px, 92px 23px, 64px 77px, 29px 17px, 82px 7px, 58px 10px, 84px 35px, 41px 42px, 87px 62px, 69px 22px, 30px 89px, 38px 74px, 26px 29px, 85px 39px, 7px 84px, 38px 18px, 65px 83px, 79px 25px, 73px 93px, 54px 89px, 22px 52px, 14px 62px, 19px 47px, 56px 72px, 27px 2px, 48px 7px, 95px 5px, 34px 78px, 39px 72px, 92px 71px, 54px 50px, 60px 48px, 8px 59px, 12px 17px, 13px 89px, 83px 88px, 46px 60px, 95px 68px;
background-size:
31px 31px,
29px 29px,
23px 23px,
19px 19px,
17px 17px,
13px 13px,
11px 11px,
31px 31px,
29px 29px,
23px 23px,
19px 19px,
17px 17px,
13px 13px,
11px 11px,
31px 31px,
29px 29px,
23px 23px,
19px 19px,
17px 17px,
13px 13px,
11px 11px,
31px 31px,
29px 29px,
23px 23px,
19px 19px,
17px 17px,
13px 13px,
11px 11px,
31px 31px,
29px 29px,
23px 23px,
19px 19px,
17px 17px,
13px 13px,
11px 11px,
31px 31px,
29px 29px,
23px 23px,
19px 19px,
17px 17px,
13px 13px,
11px 11px;
}
<div id="noise-test">
</div>