Конструктор сайтов 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
нифига себе что узнаю
Ребята, это невероятно крутая фича! Спасибо!
Красиво. Есть вероятность, что это заработает в мобайле?
Не очень это в мобайле нужно. В мобайле нужно быстро и по делу. Анимацию ждать люди не готовы.
Там можно сделать с помощью анимации чат, например как тут https://botsify.com/?
Павел, если вы про иллюстрацию чата, которая на обложке — можно. Чтобы сделать чат как сервис, анимации по шагам недостаточно :(
Не, именно анимашка интересует. Чат как сервис у нас уже есть
Спасибо, будем изучать
sexейно)
Моя любимейшая тильда, ты прекрасна! Это очень круто!
Спасибо!
очень сильно не хватает либо функционала, либо уроков (если этот функционал предусмотрен) по парной анимации в Zero Block. Например: мне нужно, чтобы текст увеличился в размере и подчеркивался линией. Мне нужно либо брать уже готовый шаблон, который не всегда подходит под требования, либо выбирать что-то одно из двух. Как я могу сочетать сразу два элемента анимации? И возможно ли это?
Анимация сейчас кому-то вообще нужна?
Исключения: Промо страницы, сайты визитки и лендинги.
Вы не поверите, но она даже на мобильных кому-то нужна :-)
Комментарий удален модератором
Комментарий удален модератором