01 · Архитектура
Свет и бетон
Минимализм, в котором каждая тень — материал. Раскрытие изображения работает как кадр кино: маска уходит, объект остаётся.
Demo 01 · Image Reveal
Скролль вниз. Каждое изображение появляется через clip-path, привязанный к прогрессу скролла. Текст подъезжает следом.
01 · Архитектура
Минимализм, в котором каждая тень — материал. Раскрытие изображения работает как кадр кино: маска уходит, объект остаётся.
02 · Интерьер
Мы используем clip-path, чтобы изображение появлялось не как fade, а как материал — словно его обнажают слой за слоем.
03 · Объект
ScrollTrigger привязывает прогресс анимации к скроллу. Получается ощущение, что страница — это монтажный стол, а не лента.
04 · Деталь
Один эффект, повторённый ритмично, создаёт фирменный язык страницы. Этим и отличается «дизайн» от «вёрстки».
end of demo
Дальше — горизонтальный пин, морфинг SVG, 3D на скролле и ещё пять приёмов. Каждый — отдельной страницей.