Horizontal Depth Fade

설계 철학

여러 장의 사진을 나열하는 대신, 스크롤 한 축으로 "한 장씩 초점이 맞는" 시네마틱한 감상 흐름을 만듭니다. 포커스 존 밖을 어둡고 흐리게 눌러 시선이 항상 한 곳에만 머물게 하는 갤러리·포트폴리오·브랜드 스토리용 패턴입니다.

동작 원칙

• 스크롤 → 가로 이동 — 세로 스크롤 진행률이 스트립의 가로 이동으로 변환됩니다(sticky 뷰포트 + scrub).

• 포커스 존 — 진행률상 중앙에 가까운 이미지 하나만 선명하게 — 나머지는 거리에 비례해 가라앉습니다.

• 심도 페이드 — 포커스 밖 이미지에 blur(최대 10px)·brightness(최소 20%)·탈채도를 동시에 적용해 심도를 만듭니다.

• 스케일 보조 — 아웃포커스 이미지는 최대 9% 축소되어 원근감을 보탭니다.

• 감도 곡선 — scrollSensitivity 지수 곡선으로 초반 이동을 눌러 감상 구간을 길게 잡습니다.

적용 가능 개발언어