Заголовок с движущейся подсветкой
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
