Перейти к содержимому

Попробуйте эту технику SVG-анимации с прокруткой по нескольким путям

DesignCourse

0:00 / 0:00

Попробуйте эту технику SVG-анимации с прокруткой по нескольким путям

73 254 просмотра · 3 года назад
DesignCourse
1,18 млн подписчиков
73 254 просмотра · 3 года назад
https://bit.ly/3iG0VaZ 👈 Изучите UI/UX и CSS сегодня. Используйте промокод "UI2022" для скидки 22%! — Сегодня я покажу вам, как создать действительно крутую анимацию SVG-путей, зависящую от положения прокрутки. Мы будем использовать JavaScript для получения всех путей и анимации этих путей при прокрутке. Демонстрация на Codepen: https://codepen.io/designcourse/pen/V... 0:00 - Вступление 0:52 - Создание SVG 1:14 - HTML 3:10 - CSS 4:59 - JavaScript 11:55 - Конечный результат 12:11 - Заключение Начнём! #frontend #css #svg - - - - - - - - - - - - - - - - - - - - - - Подписывайтесь на НОВЫЕ ВИДЕО! Изучайте UI/UX: https://designcourse.com Мой личный аккаунт в Facebook: http://fb.com/logodesigner Coursetro в Facebook: http://fb.com/coursetro Твиттер Coursetro:   / designcoursecom   Присоединяйтесь к моему Discord!   / discord   ^-Общайтесь со мной и другими - - - - - - - - - - - - - - - - - - - - - - Кто такой Гари Саймон? Я — full-stack разработчик с более чем 20-летним опытом, и я обучаю людей дизайну и программированию. Я создал более 100 курсов для таких крупных брендов, как LinkedIn, Lynda.com, Pluralsight и Envato Network. Сейчас я посвящаю все свое время и энергию этому каналу и своему сайту Designcourse.com. Присоединяйтесь к моему серверу Discord или добавьте меня в социальных сетях и поздоровайтесь!