Image Pattern

by marakoss

HTML

<div class="noise"></div>

CSS

div{
    display: block;
    width: 400px;
    height: 400px;
    background: #27f;
    position: relative;
}

.noise:after,.noise:before{
    content:"";
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.noise:before{
    opacity:0.3;
    background-image: -webkit-linear-gradient(left,
        #000 0%, #fff 1%, 
        #000 2%, #fff 3%,
        #000 4%, #fff 5%,
        #000 6%, #fff 7%,
        #000 8%, #fff 9%,
        #000 10%, #fff 11%,
        #000 12%, #fff 13%,
        #f00 14%, #fff 15%,
        #000 16%, #fff 17%,
        #000 18%, #fff 19%,
        #000 20%, #fff 21%,
        #000 22%, #fff 23%,
        #f00 24%, #fff 25%,
        #000 26%, #fff 27%,
        #000 28%, #fff 29%,
        #000 30%, #fff 31%,
        #000 32%, #fff 33%,
        #000 34%, #fff 35%,
        #000 36%, #fff 37%,
        #000 38%, #fff 39%,
        #000 40%, #fff 41%,
        #000 42%, #fff 43%,
        #000 44%, #fff 45%,
        #000 46%, #fff 47%,
        #000 48%, #fff 49%,
        #000 50%, #fff 51%,
        #000 52%, #fff 53%,
        #000 54%, #fff 55%,
        #000 56%, #fff 57%,
        #000 58%, #fff 59%,
        #000 60%, #fff 61%,
        #000 62%, #fff 63%,
        #000 64%, #fff 65%,
        #000 66%, #fff 67%,
        #000 68%, #fff 69%,
        #000 70%, #fff 71%,
        #0f0 72%, #fff 73%,
        #000 74%, #fff 75%,
        #000 76%, #fff 77%,
        #000 78%, #fff 79%,
        #000 80%, #fff 81%,
        #000 82%, #fff 83%,
        #000 84%, #fff 85%,
        #000 86%, #fff 87%,
        #000 88%, #f5f 89%,
        #000 90%, #fff 91%,
        #000 92%, #fff 93%,
        #000 94%, #fff 95%,
        #000 96%, #fff 97%,
        #000 98%, #fff 99%,
        #000 100%);
}
.noise:after{
        opacity:0.3;
        background-image: -webkit-linear-gradient(bottom,
        #000 0%, #fff 1%, 
        #000 2%, #fff 3%,
        #000 4%, #fff 5%,
        #000 6%, #fff 7%,
        #000 8%, #fff 9%,
        #000 10%, #fff 11%,
        #000...