DD13: Плавный переход от sticky блока с эффектом ступеней
Описание
Эффект подойдёт, если у тебя:
1. Первая секция — sticky-блок на 100vh,
2. За ней идёт вторая секция с другим фоном,
3. хочется сделать плавный переход, а не резкую смену экрана.
1. Секция с переходом
2. Стили в embed
.css
3. Код перед <body>
.html
Важные зависимости:
1. Gsap
2. Gsap ScrollTrigger
Важно!
Внимательно следи за z-index на блоках, потому что в сафари на телефоне могут быть баги. В демо эффект работает и на телефоне, но я рекомендую его отключать, чтобы повысить оптимизацию страницы.