Тренажёр
Сбс анимация.
on hover / on click
Урок 20
Чтобы посмотреть тренажёр, откройте его через десктопную версию
Пример анимации из урока:
On click
On hover
On trigger
Попробуй настроить треггерную анимацию, где при наведении на третий элемент будет появляться второй элемент
На каждом этапе не забывай сохранять изменения в блоке
и опубликовывать эту страницу,
чтобы посмотреть результат
Настрой на первый элемент анимацию увеличения и поворота на 360о. Сначала по наведению, потом по клику
Инструкция:
Ниже находятся три элемента, на каждый
из которых нужно настроить анимацию
01
03
02
Шпаргалка
посмотреть
Шпаргалка
Step1:
Duration: 1
Scale: 130
Rotate: 360
Event:
On hover
Step 4:
Duration: 0.5
Scale: 130
Rotate: 360
Event:
On hover
Trigger:
Shape
Step 1:
Duration: 0
Opacity: 0
Step 2:
Duration: 0.5
Opacity: 100
02
01
Step1:
Duration: 1
Scale: 130
Rotate: 360
Event:
On click
Step 4:
Duration: 0.5
Scale: 130
Rotate: 360
Event:
On click
Trigger:
Shape
Step 1:
Duration: 0
Opacity: 0
Step 2:
Duration: 0.5
Opacity: 100
Made on
Tilda