watermark logo

46 Просмотров· 20 Февраль 2023· Обучение

Создание сайта с крутой анимацией скролла | GSAP HTML CSS


Создание сайта от А до Я (комплексный курс): 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/bl....og/html-css/creative

Таймкоды:
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

Показать ещё

Следующий


0 Комментарии