LAST-DESIGN · CAFE24 INTERACTION

HOVER
PREVIEW

글자만 있는 목록에 마우스를 올리면 커서를 따라 상품 컷이 떠오릅니다.
썸네일을 줄줄이 깔지 않아도 목록 한 줄 한 줄이 무엇인지 바로 보입니다.

실제 적용사례 보기  →

WHAT YOU GET

TECH

Tailwind · GSAP · jQuery 어느 것도 쓰지 않습니다.
transform 과 requestAnimationFrame 만 사용해 스크립트 용량은 약 3KB입니다.

WHERE TO USE

컬렉션·카테고리 인덱스 · 기획전 목록 · 브랜드 스토리의 챕터 목차 · 룩북 인덱스 · 매장·지점 목록 · 포트폴리오 프로젝트 목록 · FAQ·저널 목록

PRICE & DELIVERY

· 모든 금액은 VAT 포함입니다.
· 작업기간은 자료 전달 완료일 기준 영업일입니다.
· 이미지·문구는 고객사에서 제공해 주셔야 합니다. (맞춤 옵션은 리터칭 포함)
· 프리뷰 이미지는 세로형(2:3 또는 3:4)을 권장하며, 카드 비율과 맞춰 드립니다.

움직임은 글로 설명하기 어렵습니다. 실제 페이지에서 목록 위에 마우스를 올려 보세요.

NOTICE

· 카페24 스마트디자인 기준으로 제작하며, 스킨 구조에 따라 적용 위치가 조정될 수 있습니다.
· 프리뷰는 마우스가 있는 기기에서만 동작합니다. 모바일에서는 줄마다 썸네일이 펼쳐진 목록으로 보입니다.
· 목록 줄 수가 많으면 이미지 장수도 함께 늘어납니다. 전송량을 고려해 권장 장수를 안내해 드립니다.
· PC·모바일 분리형 스킨은 양쪽 적용이 필요하며 옵션 협의 후 진행합니다.
· 결제 전 문의 주시면 적용 가능 여부를 먼저 확인해 드립니다.