wow 3D / compact hero

Сцена живая, не огромная

Первый экран стал компактнее, а 3D-сцена ниже теперь работает как отдельный вау-блок: при скролле фото, карточки и заголовок реально летят в глубину.

Ниже будет не “ну там что-то двигается”, а нормальная sticky-сцена с глубиной. Наконец-то без магии на словах.

depth level 460px

Карточка вынесена вперёд через translateZ и висит над фото.

front layer

scroll depth

3D Есть perspective, rotateX, rotateY, translateZ и sticky-сцена.

250vh Секция даёт место для красивого движения вниз в глубину.

Фото Картинки идут слоями, а не просто лежат как плитка.

WOW 3D-сцена видна сразу, когда доходишь до блока.

Логика

Сначала подготовка, потом вау

Перед 3D-сценой стоят карточки, чтобы страница не начиналась сразу с аттракциона. Всё выглядит собранно, а потом уже начинается глубина.

Карточки и изображения не лежат в одной плоскости. У каждого элемента есть свой визуальный уровень.

При скролле элементы приближаются, уходят назад, поворачиваются и меняют масштаб.

Фото не просто украшают страницу. Они собирают объём, настроение и направление взгляда.

3D SCENE ACTIVE

scroll down / 3D depth

Теперь это не спрятанный эффект. Фото, карточки и заголовок проходят через экран слоями: ближе, дальше, крупнее, с поворотом.

front layer near

Карточка выходит вперёд и становится ближе к пользователю.

deep layer far

Вторая карточка уходит назад, чтобы сцена не была плоской.

крути вниз · элементы двигаются в 3D

Фото-блоки

Ниже фото-сетка с объёмом и tilt-эффектом. При наведении карточки поворачиваются, а текст остаётся на переднем плане.

Большое фото держит атмосферу и глубину блока.

Архитектурные линии усиливают 3D-ощущение.

Детали работают как визуальные акценты.

Фото, стекло и свет собираются в один дорогой слой.