УРОК #5
Zero Block. Пошаговая анимация
Для вертикального выравнивания направляющей необходимо поставить ее на расстоянии 600 px (так как ширина нашего контейнера используется стандартная — 1200 px.

Помните, что при создании пошаговой анимации удаляется базовая анимация Zero Block.

На мобильных устройствах можно отключать отображение Zero Block с анимацией. Вместо этого вы можете продублировать этот блок, но расставить элементы красиво на мобильных устройствах и сделать его видимым только для них.
Домашнее задание
Повторите анимацию, расположенную по ссылке: https://youtu.be/I1cgmFraxFM

В примере используются 2 Zero Block. Также добавьте вниз один любой дополнительный блок для срабатывания эффекта скролла.

P.S. Все DURATION указаны в 2 секунды.
Для второго блока используйте любые картинки. Главное — постарайтесь максимально повторить анимацию.

Опубликуйте блоки на любой пустой странице вашего сайта. Отправьте ссылку преподавателю.

Сроки: 17 декабря
По любым вопросам можете писать нам на почту: info@formula-project.ru
Made on
Tilda