Чтобы посмотреть тренажёр, откройте его через десктопную версию
Пример анимации из урока:
Попробуй зафиксировать этот элемент и назначить стартовый триггер от центра экрана, а после — от верха экранга
На каждом этапе не забывай сохранять изменения в блоке и опубликовывать эту страницу, чтобы посмотреть результат
Настрой анимацию по скроллу движения элемента вправо + поворот на 180о и движение влево + поворот на 180о
Инструкция:
Ниже находятся один элемент, на который нужно настроить анимацию
01
03
02
There is no design without discipline. There is no discipline without intelligence. There is no design without discipline. There is no discipline without intelligence.There is no design without discipline. There is no discipline without intelligence.There is no design without discipline. There is no discipline without intelligence.There is no design without discipline. There is no discipline without intelligence.
Анимация при наведении
Анимация триггер
Продублируй квадрат, чтобы их стало 4 и попробуй настроить анимацию «разлетания» этих элементов
Можешь пройтись по всем анимациям из урока:
Тоже самое, но наоборот, попробуй настроить анимацию «собирания» этих элементов
Оставь 1 квадрат и добавь к нему текст. Тексту и квадрату задай фиксацию, а квадрату добавь поворот на 360о. Не забудь правильно настроить триггер оффсет
