Пример анимации из урока:
On click
On hover
+5sek
появляется А
On hover
On trigger
наважу сюда
наважу сюда
появляется А
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
Student Account
Предоставляется для создания учебных проектов. Не предназначен для коммерческого использования
This site was made on Tilda — a website builder that helps to create a website without any code
Create a website
Student