Главная » Hi-Tech » Конструктор сайтов Tilda выпустил анимацию по шагам

Конструктор сайтов Tilda выпустил анимацию по шагам

Конструктор сайтов Tilda выпустил анимацию по шагам

Текст, картинки, объекты могут по скроллу, по клику или при наведении менять положение, двигаться по траектории, менять размер, прозрачность и угол поворота. Пошаговая анимация — это создание сценариев движения элементов на странице.

Страница с демонстрацией возможностей:
https://tilda.cc/ru/lp/step-by-step-animation/

Как это работает

Чтобы на странице появились элементы, которые будут взаимодействовать с пользователем, нужно:

1) Выделить текст, изображение или объект в редакторе Zero Block и открыть пошаговую анимацию в настройках

2) Назначить триггер начала анимации: при скролле, при появлении, при клике или при наведении

3) Добавить новый шаг

4) Изменить свойство: траекторию и скорость движения, размер, прозрачность или угол поворота

Примеры анимации:

Появление и движение элементов по скроллу

Анимация при наведении или по клику на объект

Бегущая строка

Больше примеров на странице:
https://tilda.cc/ru/lp/step-by-step-animation/


Оставить комментарий

Ваш email нигде не будет показан
Обязательные для заполнения поля помечены *

*

x

Ещё Hi-Tech Интересное!

Как устроена работа инди-команды: опыт авторов ATOM RPG

Летом 2017 года разработчики вышли со своим проектом на Kickstarter, где им удалось собрать в два раза больше требуемой суммы — $33 тысячи против 15 тысяч. ATOM RPG — постапокалиптическая ролевая игра от российской студии Atom Team. Разработчики из Atom ...

Найден способ избежать метастазов особо опасных видов рака

Поэтому борьба с ними выходит на первое место. Как бы далеко не шагнула современная медицина, все-равно остаются болезни, которые плохо поддаются лечению. И недавно группа ученых из Висконсинского университета в Мадисоне обнаружила способ предотвратить развитие метастазов при раковых заболеваниях. Одним ...