Creative Scroll

Лендинг-портфолио с плавным скроллом и параллаксом на GSAP.

Демо →

Что внутри

• ScrollSmoother — инерционный скролл всей страницы, слои двигаются с разной скоростью через data-speed
• ScrollTrigger — карточки галереи выезжают слева и справа по мере прокрутки, hero плавно гаснет
• Адаптивные размеры через единицу --index: calc(1vw + 1vh) — без медиазапросов
• На тач-устройствах анимации отключаются (ScrollTrigger.isTouch), остаётся нативный скролл

Стек

HTML, CSS, JavaScript, GSAP 3 (ScrollTrigger, ScrollSmoother)

Запуск

Сборка не нужна — достаточно открыть index.html или поднять любой статический сервер:

npx serve .

Структура

├── index.html
├── css/main.css
├── js/app.js          # инициализация ScrollSmoother и анимаций
├── libs/gsap/         # gsap, ScrollTrigger, ScrollSmoother
├── img/               # hero и работы для галереи
└── fonts/