Секция для Тильды · Первый экран

Пруд с секретом

Бесплатно
Первый экран
С кодом
Средне
Экран с фотографией: курсор работает как фонарик, и сквозь первый кадр проступает второй.

Что можно поменять

Два фото одной сцены, заголовок и описание, цвета и подсказка в коде

Что понадобится

Для блока — проект на Тильде. Для промта — AI-агент с MCP.

О секции «Пруд с секретом»

«Пруд с секретом» — бесплатная секция для Тильды: экран на всю высоту с фотографией, где курсор работает как фонарик. В круге вокруг него сквозь первую картинку проступает вторая — например, пустые камни и те же камни с мхом, кувшинками и лягушками. На телефоне круг открыт всегда и идёт за пальцем.

Тип
Первый экран
Сборка
С кодом
Сложность
Средне
Цена
Бесплатно

Как устроена

Секция собирается из двух блоков: стандартного «До/после», где хранятся две фотографии и тексты, и блока с кодом эффекта. Эффект — маска с мягким краем, которую двигает скрипт, поэтому в одном Zero Block он не собирается. На опубликованном сайте блок «До/после» скрыт, в редакторе остаётся виден.

Что можно поменять

Две фотографии одной сцены, заголовок до 30 знаков, описание до 110 знаков, подписи к картинкам. Цвета и текст подсказки задаются в коде блока.

Как добавить на сайт в Тильде

  1. По ID шаблона. Откройте секцию в личном кабинете и скопируйте ID. В Тильде выберите «Создать страницу → Указать ID шаблона» и вставьте его.
  2. По промту. Подключите MCP Тильды к своему AI-агенту, скопируйте промт из личного кабинета и отправьте агенту. Он соберёт секцию в вашем проекте.

Вопросы

Нужно ли знать код?

Нет. Фото и тексты меняются в блоке «До/после» через кнопку «Контент». Блок с кодом эффекта трогать не нужно.

Какие нужны фотографии?

Два кадра одной сцены, снятые с одной точки, одного размера, горизонтальные, шириной от 2000 px. Сверху нужен спокойный фон под заголовок, главный объект лучше держать по центру или левее.

Как секция работает на телефоне?

Круг открыт постоянно и следует за пальцем, а без касаний медленно перемещается сам. Вертикальная прокрутка страницы не блокируется.

Можно ли использовать в клиентских проектах?

Да. Нельзя перепродавать и публиковать сами промты и ID шаблонов.

Похожие секции

Made on
Tilda