비포&애프터 비교 슬라이더

EFFECT PREVIEW

효과 하나만 따로 떼어 보여줍니다. 실제로 움직여 보고 고르세요. 각 카드의 수치·트리거·모바일 대체가 그대로 명세서에 들어갑니다.

가벼움

손잡이를 밀면 시공 전/후가 갈라져 보인다.

BEFOREAFTER

가운데 손잡이를 좌우로 끌어 보세요

적용 대상	전/후 이미지 2장 겹침
트리거	Draggable(type:"x") + Inertia 드래그
수치·구현	clip-path inset으로 분할 · 손잡이 드래그 · 진입 시 흔들기로 조작 안내
모바일	유지 (allowNativeTouchScrolling:true 로 세로 스크롤 보존)
필요 이미지	2장