LAST-DESIGN · CAFE24 INTERACTION

PATH
MARQUEE

직선 마퀴가 아니라, 브랜드가 그린 곡선을 따라 이미지가 끝없이 흐르는 효과입니다.
스크롤 속도에 반응하고, 경로가 겹치는 지점에서는 앞뒤 순서까지 계산해 깊이를 만듭니다.

실제 적용사례 보기  →

WHAT YOU GET

TECH

외부 라이브러리를 쓰지 않습니다. GSAP · Framer Motion · Lenis · jQuery 모두 필요 없습니다.
CSS의 offset-path 와 requestAnimationFrame 만 사용해 스크립트 용량은 약 8KB입니다.

WHERE TO USE

메인 하단 포트폴리오 · 브랜드 스토리 · 리뷰 갤러리 · 파트너/브랜드 로고 띠 · 시즌 캠페인

PRICE & DELIVERY

· 모든 금액은 VAT 포함입니다.
· 작업기간은 자료 전달 완료일 기준 영업일입니다.
· 이미지·문구는 고객사에서 제공해 주셔야 합니다. (맞춤 옵션은 리터칭 포함)

움직임은 글로 설명하기 어렵습니다. 실제 페이지에서 스크롤해 보세요.

NOTICE

· 카페24 스마트디자인 기준으로 제작하며, 스킨 구조에 따라 적용 위치가 조정될 수 있습니다.
· 카드에 넣을 이미지는 가로형(16:9 권장)으로 준비해 주시면 가장 안정적으로 보입니다.
· PC·모바일 분리형 스킨은 양쪽 적용이 필요하며 옵션 협의 후 진행합니다.
· 결제 전 문의 주시면 적용 가능 여부를 먼저 확인해 드립니다.