Главная » 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 Интересное!

BlaBlaCar привлёк $113 млн от французской транспортной госкомпании SNCF и других инвесторов

BlaBlaCar привлёк $113 млн от французской транспортной госкомпании SNCF и других инвесторов — Транспорт на vc.ru Свежее Вакансии… Написать Уведомлений пока нет Пишите хорошие статьи, комментируйте,и здесь станет не так пусто Войти Компания также планирует купить «дочку» SNCF — автобусного ...

#новости высоких технологий 269 | гибкий смартфон Samsung и электрический Harley-Davidson

Сегодня мы поговорим о гибком смартфоне Samsung, электрическом Harley-Davidson и не только! Каждый понедельник в новом выпуске «Новостей высоких технологий» мы подводим итоги прошедшей недели, говорим о самых значимых и важных событиях, ключевых открытиях и интересных изобретениях. Ниже с новостями ...