Заголовок с движущейся подсветкой
1. В Фигме создаём шаблон текста - маску. Для этого открываем изображение, накладываем на него текст. Выделяем оба слоя и нажимаем Subtract Selection. Сохраняем в png.
2. Далее в Тильде создаём Зеро-блок, фон контейнера делаем нужного нам цвета (он будет цветом заголовка).
3. Добавляем сохранённое изображение.
4. Создаём shape, делаем его круглым, выставляем цвет и размещаем его над текстом (это и будет наша подсветка).
5. Настраиваем пошаговую анимацию. Выбираем block on Screen, зацикливание loop.
Шаг 1. Выставляем время движения Duration и расстояние, на которое должен сместиться шейп по оси x.
Шаг 2. Время движения остаётся прежним, возвращаем шейп на исходное положение по оси x.
6. Прячем шейп под слой с текстом.
7. Публикуем и готово!
Благодарю за внимание ❤️❤️❤️
#анимация #анимациятильда #пошаговаяанимация #зероблок #stepbystep #tildapublishing #zeroblock #webdesigner #websitedesigner #websitebuilder #websitedesigns #figma #figmadesign
![Как создать заголовок с движущейся подсветкой в Тильде](https://sun9-22.userapi.com/impg/6bqoYBkV6QHIB0cFuEchELV5ve92FtLrkA1Ijg/U3bIb9AIWL8.jpg?size=510x503&quality=95&sign=94c61ba103a9bb294ac09f2bfd23e223&c_uniq_tag=6oz_PWxSOC2Z1X8u0g6FpaJQ5mQbo64ennHPZc-U5Ls&type=album)