Создание сайта от А до Я (комплексный курс): https://goo.gl/ankxq9
Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD
Создание крутого слайдера (+посадка на CMS): https://bit.ly/jVLyQ8
Все курсы в одном комплекте: https://wd-m.ru/bundle
Сегодня мы рассмотрим создание сайта с крутой анимацией скролла при помощи GSAP ScrollTrigger и GSAP ScrollSmoother.
Страница урока: https://webdesign-master.ru/blog/html-css/creative-scroll-website.html
Таймкоды:
00:00 Начало урока
02:20 Обзор материалов и подготовка графики
06:05 Приступаем к HTML верстке сайта
07:49 Подключаем файлы CSS и JavaScript
11:34 Создание главного экрана сайта
31:57 HTML верстка галереи портфолио
38:28 CSS стилизация портфолио на сайте
48:19 Плавная прокрутка страницы на JS
52:35 Управление эффектами при скролле
59:47 Работа сайта на мобильных устройствах
1:01:01 Анимация элементов при скролле
1:15:29 Что ещё изучить?
ВКонтакте: https://vk.com/jediweb
Телеграм: https://t.me/jediweb
Дзен: https://dzen.ru/jediweb