Конструктор сайтов 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/
Очень круто, что теперь столько возможностей для анимации элементов!
R.I.P Figma
Неплохо выглядит. Не хватает «Слои» как в Photoshop или списка всех элементов, чтобы можно было выбрать нужный элемент, не меняя его расположение.
Wow! сайт яндекс станции делали на тильде?
Панель со слоями (и элементами) появляется по Cmd+L, направляющие Cmd+H / Cmd+Shift+H
Ребята, это невероятно крутая фича! Спасибо!