Эффект "Шум" на фон сайта


noise.gif
  • Добавить на страницу Zero-блок необходимой высоты.
  • Добавить в зеро Shape со следующими настройками - window container, height 100%, width 100%, opacity 5%-30%, задаем класс bg.
  • В шейп вставляем картинку noise.gif, предварительно сохранив ее себе на диск.
  • Добавить на страницу блок Т123
  • В блок html записываем скрипт стилей CSS для зеро-блока.
  • В скрипте ничего не меняем, если задали класс шейпа .bg, а если дали свое название классу, то заменяем bg на своё наименование в двух местах.
СКРИПТ ЭФФЕКТА "ШУМ" НА ВСЮ ДЛИНУ СТРАНИЦУ:
<style>
.bg .tn-atom {
    background-size: auto !important;
    background-repeat: repeat !important;
    pointer-events: none;
}
.bg {
    pointer-events: none;
    z-index: 99999999 !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw !important;
    height: 100vh !important;
}
</style>
СКРИПТ ЭФФЕКТА "ШУМ" ТОЛЬКО НА ОДИН БЛОК:
<style>
.bg .tn-atom {
    background-size: auto !important;
    background-repeat: repeat !important;
    pointer-events: none;
}
.bg {
    pointer-events: none;
}
</style>
ВСЁ, ГОТОВО!
Благодарим за скрипт Тильдошную (https://tildoshnaya.com/modification/pattern).
PS: С моей точки зрения, данный эффект создает очень большое напряжение для глаз при использовании на всей странице, возможно у посетителей сайта будут болезненные ощущения при проблемах со зрением, а это значит посещаемость снизится и если сайт продающий — продажи упадут. Поэтому лучше воздержаться от таких эффектов, но последнее слово всегда за собственником сайта…