Галерея NW NEW WAY 18 · Рентген
Прозрачность · видно даже то, что внутри

Рентген пути

Всё, что обычно скрыто за стенкой груза — упаковка, датчик, пломба, GPS, статус — мы показываем. Проведите скролл: рентген-полоса просветит коробку, борт и фургон у двери.

Прокрутите вниз
Объект — коробка скролл просвечивает →
NW NEW WAY
Контейнер · морская линия
CN → RU · опломбировано
Не вскрывать без отметки
Датчик температуры0°C
Пломба#NW-0
0%
прослеживаемость в реальном времени
Коробка Борт Фургон
Рентген-полоса делит каждый объект пополам: слева — глянцевая обложка груза, справа — просвеченное нутро. Так на всех трёх плечах — контейнере, авиаборте и фургоне у двери: упаковка, датчик 4 °C, пломба, GPS-трек и подпись получателя видны на каждом шаге.
Контейнер
Борт
Фургон

100% прослеживаемо

Ни одного скрытого шага: упаковка, датчик, пломба, GPS и подпись получателя — открыты на всём пути Китай → Россия.

Рассчитать доставку
Сердце эффекта — анимированный clip-path: inset() под scrub: верхний слой-обложка обрезается справа-налево (CSS-переменная --cut гонится скроллом), открывая нижний рентген-слой. Сканер-линия — один div с градиентом и drop-shadow + два хроматических псевдо-слоя; его left синхронен границе clip, поэтому щелей нет. Никакого WebGL — один clip-path держит 60fps. Один pin на 900vh, мастер-таймлайн с лейблами obj1/obj2/obj3 (ease:'none') — ритм задаёт скролл. Выноски рисует DrawSVGPlugin, значения — count-up gsap.to({v}) с гарантированным финалом, заголовок — SplitText. Всё в gsap.matchMedia(): при prefers-reduced-motion — пин и Lenis off, clip сразу на 50% (обложка и нутро бок о бок), выноски и HUD = 100% статичны.