Откройте новые возможности анимации для ваших проектов. Создайте анимацию элемента и назначьте другой элемент триггером. Триггер запустит анимацию при клике или наведении на него.

Примеры триггерной анимации

Появление изображений при наведении на заголовок

Замена элемента при наведении

Анимация карточек

Выделение текста

Анимация нескольких объектов по клику

Появление карточек при клике на текст

Анимация при наведении и клике на триггерный элемент

Гид по содержанию страницы

Как работает триггерная анимация

1. Добавьте триггерный элемент. Он будет активировать анимацию.

2. Добавьте элемент, который будет анимироваться.

3. Выделите его и в настройках пошаговой анимации выберите событие, которое запустит анимацию. Клик или наведение курсора.

4. Кликните Add Trigger и в рабочей области Zero Block нажмите на триггерный элемент из п.1.

5. Добавьте шаги анимации и посмотрите результат.

Блог • Справочный центр • Образовательный журнал Tilda Education
Facebook • Vk • Instagram • YouTube • Telegram

Вы получили это письмо, потому что согласились получать ежемесячную рассылку о новостях платформы при регистрации на https://tilda.cc. Если вы больше не хотите получать рассылку, нажмите: UNSUBSCRIBE