Красивое смешивание слоёв в Zero Block с помощью добавления в Тильду всего лишь одной строчки CSS кода.
Свойство называется «mix-blend-mode». Оно смешивает цвета верхнего и нижнего слоя. За счёт этого можно получить интересный эффект наложения.
Как сделать в Тильде такой эффект наложения слоёв?
Разместить слои друг над другом
![](https://static.tildacdn.com/tild3333-3333-4933-a434-313865646661/Screenshot_2021-10-2.jpg)
Нажать правой кнопкой мыши по верхнему слою и добавить имя CSS-классу (Add CSS Class Name) — mix-blend-mode
![](https://static.tildacdn.com/tild6634-3839-4839-b134-326536306131/Screenshot_2021-10-2.jpg)
Добавить HTML-код <style>.mix-blend-mode {mix-blend-mode: difference;}</style>
Где difference — режим смешивания, а другие режимы можете посмотреть здесь: https://developer.mozilla.org/ru/docs/Web/CSS/mix-blend-mode![](https://static.tildacdn.com/tild3139-3162-4333-b064-313861376231/Screenshot_2021-10-2.jpg)
Поменяйте цвет текста для получение разницы цветов при наложении
![](https://static.tildacdn.com/tild3065-3965-4734-b034-343934396133/Screenshot_2021-10-2.jpg)
Результат
![](https://static.tildacdn.com/tild6238-3038-4739-a338-613233303438/Screenshot_2021-10-2.jpg)
Важно! Если верхним слоем вы добавили текстовый блок, а нижнем слоем тёмное фото, то используйте светлый цвет у текста.
Пример реализации:
https://dmitryrybalka.ru/blog/smeshivanie-sloev-v-tilda-zero-block