Конструктор сайтов Tilda выпустил анимацию по шагам
Инструмент для анимации по шагам появился в Zero Block — редакторе для веб-дизайна, встроенном внутри конструктора. Редактор работает на всех планах, включая бесплатный.
Пошаговая анимация — это создание сценариев движения элементов на странице. Текст, картинки, объекты могут по скроллу, по клику или при наведении менять положение, двигаться по траектории, менять размер, прозрачность и угол поворота.
Страница с демонстрацией возможностей:
https://tilda.cc/ru/lp/step-by-step-animation/
Как это работает
Чтобы на странице появились элементы, которые будут взаимодействовать с пользователем, нужно:
1) Выделить текст, изображение или объект в редакторе Zero Block и открыть пошаговую анимацию в настройках
2) Назначить триггер начала анимации: при скролле, при появлении, при клике или при наведении
3) Добавить новый шаг
4) Изменить свойство: траекторию и скорость движения, размер, прозрачность или угол поворота
Примеры анимации:
Появление и движение элементов по скроллу
Анимация при наведении или по клику на объект
Бегущая строка
Больше примеров на странице:
https://tilda.cc/ru/lp/step-by-step-animation/
© vc.ru