У нас вы можете посмотреть бесплатно Самая недооцененная анимация прокрутки Framer... или скачать в максимальном доступном качестве, видео которое было загружено на ютуб. Для загрузки выберите вариант из формы ниже:
Если кнопки скачивания не
загрузились
НАЖМИТЕ ЗДЕСЬ или обновите страницу
Если возникают проблемы со скачиванием видео, пожалуйста напишите в поддержку по адресу внизу
страницы.
Спасибо за использование сервиса ClipSaver.ru
✔︎ Университет 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