May 20, 2020

[Фича 18] Интересный переход для страниц

Всем привет! Сегодня рассмотрим интересный переход между экранами. Применить его можно практически везде, так как цвета блоков вы назначаете сами.

Урок небольшой, открываем тильду и приступаем к изучению!)

Открываем любимый Zero Block.

Переходим в Zero Block и создаём пустой блок. Для удобства работы я растяну рабочую область контейнера до 3000 пикселей.

Добавляем фигуру - круг.

Цвета можете выбрать сами. Я взял тёмно-серый и жёлтый. Круг растягиваем примерно до таких размеров.

Открываем пошаговую анимацию круга.

Выбираем действие: on scroll(эффект выполняется в момент прокрутки страницы)

Далее добавляем первый шаг.

Здесь нам нужно установить настройки:

DISTANCE: промежуток на котором будет выполняться анимация (я делаю 2400 пикселей)

Scale: 1000% - увеличение круга на 1000 процентов

Сохраняем и смотрим! Прикольный переход готов!