фон

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

2) Добавляем код в блок Т123. Код 1 для эффекта на 1 экран, код 2 для эффекта на всю страницу.
В коде нужно дважды указать class нашего shape элемента.

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




Код 1: для применения на один экран
<!-- Тильдошная код для повторяющегося паттерна -->
<!-- Код 1: для применения на один экран -->
<style>
.tn-elem__1260597101567609545323 .tn-atom {
background-size: auto !important;
background-repeat: repeat !important;
pointer-events: none;
}
.tn-elem__1260597101567609545323 {
pointer-events: none;
}
</style>
Код 2: для применения на всю страницу
<!-- Тильдошная код для повторяющегося паттерна -->
<!-- Код 2: для применения на всю страницу -->
<style>
.tn-elem__1260849831567609629730 .tn-atom {
background-size: auto !important;
background-repeat: repeat !important;
pointer-events: none;
}
.tn-elem__1260849831567609629730 {
pointer-events: none;
z-index: 99999999 !important;
position: fixed;
top: 0;
left: 0;
width: 100vw !important;
height: 100vh !important;
}
</style>
The best ideas come as jokes. Make your thinking as funny as possible.
https://www.youtube.com/watch?v=ZWZiuwdsSUM
https://tildoshnaya.com/modification/pattern
Zero Block
Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.
Tilda Publishing
create your own block from scratch
Крутой эффект на фон Zero block Tilda - Vanta js
https://www.youtube.com/watch?v=A7k0n9lW_tc
https://www.vantajs.com/?effect=waves#(backgroundAlpha:1,color:21896,gyroControls:!f,minHeight:200,minWidth:200,mouseControls:!t,scale:1,scaleMobile:1,shininess:25,touchControls:!t,waveHeight:15,waveSpeed:0.5,zoom:0.9572603719599428)

======================================

<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r119/three.min.js"></script> 
<script src="https://www.vantajs.com/dist/vanta.fog.min.js"></script> 
 
<script> 
 
VANTA.FOG({ 
el: "#rec214856899", 
mouseControls: true, 
touchControls: true, 
minHeight: 200.00, 
minWidth: 200.00
}) 
</script>
Made on
Tilda