Раскрытие при скролле: hero, который растёт на весь экран
Окно продукта, картинка или видео увеличиваются при прокрутке до полного экрана. Самые популярные варианты с промптом для Claude Code.
4 вариантапо рейтингу: популярность в источнике, темп и спрос
-
GSAP
Окно продукта раскрывается при скролле
Первый экран с заголовком и маленьким окном интерфейса. При прокрутке окно вырастает на весь экран, заголовок разлетается.
-
21st.dev
Hero с видео, которое раскрывается при скролле
В центре первого экрана стоит небольшое окно с видео поверх фоновой фотографии, и при прокрутке оно растягивается на весь экран. Подходит, когда главное на сайте показать картинку.
-
21st.dev
Скриншот продукта, который поворачивается в 3D при скролле
Под крупным заголовком стоит рамка-планшет со скриншотом интерфейса, и при прокрутке она поворачивается в 3D. Так удобно показать продукт сразу после первого экрана.
-
21st.dev
Видео на весь экран, которое перематывается скроллом
Страница замирает, и прокрутка перематывает полноэкранное видео вперёд и назад по кадрам, а заголовок постепенно растворяется в размытии. Хорошо открывает портфолио.
Новые ролики и разборы — в TelegramПишу, как я делаю свои ролики, и добавляю сюда новые скиллы.
Открыть канал