Самая недооцененная анимация прокрутки Framer...

✔︎ Университет Framer: https://frameruni.link/yt
✔︎ Создайте бесплатный аккаунт Framer: https://framer.university/free-account

В этом уроке по Framer вы шаг за шагом научитесь анимировать SVG-пути на ваших сайтах при прокрутке. Этот эффект можно использовать для отображения забавных иллюстраций при прокрутке или для анимации индикаторов выполнения при прокрутке сайта. Простой способ выделить свой сайт среди конкурентов и добавить «ВАУ-эффект» без лишних усилий.

→ Переделать проект урока: https://framer.university/resources/a...

00:00 – Введение: Почему анимированные SVG-пути так эффективны в Framer
01:00 – Вдохновение и примеры использования (вау-эффект, более высокая цена, шаблоны)
02:00 – Поиск бесплатного компонента анимированного пути
03:00 – Настройка чистой структуры страницы Framer
04:30 – Создание основного контейнера и секции прокрутки
06:00 – Понимание «липких» секций и анимации на основе прокрутки
07:30 – Добавление компонента анимированного пути
08:30 – Создание пользовательских SVG-путей непосредственно в Framer
10:00 – Подключение SVG-путей к компоненту (код или файл)
11:00 – Правильная работа эффекта «липкого» пути
12:00 – Объяснение основных свойств: прогресс и Непрозрачность
13:30 – Управление расстоянием прокрутки и временем появления
15:00 – Расширенный эффект: многослойные контуры для стилизации прогресса
16:30 – Финальный результат, советы по экспериментам и заключение

Подписывайтесь на меня:
X:   / learnframer  
Instagram:   / framer.university