Как создается этот тип «узорчатого» сетчатого фона?

Question

может ли кто-нибудь сказать мне, как создается этот тип «шумного», сетчатого фона? Вот тема Предварительный просмотр:

http://themes.semicolonweb.com/html/canvas/one-page/index.php

Я на самом деле есть тема, но не могу понять кусок кода, который делает это произойдет, я использую функцию «проверить элемент», но ничего не могу найти, что заставляет меня думать, что это даже не создано с помощью css, возможно, JS?

Спасибо!

EDIT: OMG, простое наложение изображения, я чувствую себя такой тупой :) Спасибо, ребята

Answer 1

Это изображение наложения.

В средствах отладки от хрома перейдите к ресурсам -> изображения ->grid.png. Это 6 x 6 изображений.

Answer 2

.wrapper { 
 
    position: absolute; 
 
    width: 100%; 
 
    height: 100%; 
 
    top: 0; 
 
    left: 0; 
 
    background-image: url(https://source.unsplash.com/YD1uvthZwg4/860x660); 
 
    background-size: cover; 
 
    background-position: 50% 50%; 
 
    
 
} 
 

 
.overlay{ 
 
    position: relative; 
 
    width: 100%; 
 
    height: 100%; 
 
    top: 0; 
 
    left: 0; 
 
    background: url(http://canvashtml-cdn.semicolonweb.com/images/grid.png); 
 
}

<div class="wrapper"> 
 
\t <div class="overlay" style="background-color: rgba(0,0,0,0.55);"></div> 
 
</div>