Как добавить шум на весь экран

Переходим на сайт https://tildoshnaya.com/modification/pattern#!/tab/126069748-1

Сохраняем гифку с шумом https://static.tildacdn.com/tild3265-3261-4333-a361-353739633737/noise.gif

Также вы можете выбрать любую гифки или картинку и сделать её паттерном

В Zero блок добавляем shape с container: window, height 100%, width: 100% и вставляем в него нужное нам изображение. Так же, можно сразу поставить прозрачность 20-30%.

Добавляем код в блок Т123. Код 1 для эффекта на 1 экран, код 2 для эффекта на всю страницу.

В коде нужно дважды указать class нашего shape элемента.

Инструкция к этому шагу описана ниже

Первым шагом переходим в инструменты разработчика

Выбираем инструмент «выбор элементов на странице»

Наводим на гиф с шумом. В коде у нас выделяется класс «tn-atom», но нам необходим класс находящийся выше. Копируем tn-elem_*цифры*

Вставляем tn-elem_*цифры* вместо выделенной части кода

И тут тоже нужно вставить те же tn-elem_*цифры*

Дальше в редакторе Zero блока настройте прозрачность шейпа, как вам нужно.
Чтобы изменить размер паттерна нужно в коде изменить (например, сделать точки меньше и плотнее), нужно в строке "background-size: auto !important;" заменить auto на 50px (на 2-х скринах ниже показано, какую строку менять).

Так ваш паттерн будет повторяться каждые 50 пикселей. Можно поставить любое нужное вам значение.

Для того, чтобы на телефоне шум перекрывал весь экран полностью, необходимо поставить высоту на 150% в коде (показано на двух скринах ниже). Получается заменяем 100wh на 150%

Ссылка на видео-инструкцию https://www.loom.com/share/0f3e349a6be5410693cb797bb54da5a6