Попробуйте эту технику 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 или добавьте меня в социальных сетях и поздоровайтесь!