Инструкции по настройке разных видов анимации
Анимация появления
1. Создаем ZeroBlok и добавляем любой объект, который будем анимировать
2. Event: element on screen
3. Шаг 1: Duration 0; Scale 60%; Opacity 0%; Rotate 55°;
4. Шаг 2 (возвращаем объект в первоначальное положение) : Duration 0,7; Scale 100%; Opacity 100%; Rotate 0°; Easing elastic fin
Цикличная анимация
(подходит для анимирование круглых элементов и бегущей строки)

1. Создаем ZeroBlok и добавляем любой объект, который будем анимировать
2. Event: element on screen
3. Шаг 1: Duration 200; Rotate 360°;
4. Шаг 2 (возвращаем объект в первоначальное положение) : Duration 200; Rotate 0°;
5. Включаем Loop

Изменяй настройки Duration, чтобы регулировать скорость движения элемента.
Анимация при наведении
(подходит для анимации карточек, всплывающих подсказок, и доп взаимодействия пользователя с сайтом)

Исчезновение объекта по наведению
1. Создаем ZeroBlok и добавляем объект
2. Event: hover
3. Шаг 1: Duration 0,2; Opacity: 0

❗️Для текстового контейнера отдельно настраиваем показатель Pointer event: None.
Триггерная анимация
1. Добавляет второй объект в ZeroBlok, который будет проявляться по наведению на первый.
2. Event: hover
3. Trigger: выбирай объект который будет запускать анимацию.
4. Шаги: настрой появление объекта, пример смотри в первой анимации.