LAST-DESIGN · CAFE24 INTERACTION

INFINITE
CANVAS

끝없이 이어지는 이미지 벽을 상하좌우로 끌어 둘러봅니다.
손을 떼면 관성으로 미끄러지고, 아무도 만지지 않으면 아주 천천히 대각선으로 흐릅니다.

실제 적용사례 보기  →

WHAT YOU GET

TECH

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

WHERE TO USE

시즌 룩북·컬렉션 아카이브 · 포트폴리오 갤러리 · 브랜드 무드보드 · 신상품 모아보기 · 인스타그램 피드 아카이브 · 매장·촬영 스냅 모음

PRICE & DELIVERY

· 모든 금액은 VAT 포함입니다.
· 작업기간은 자료 전달 완료일 기준 영업일입니다.
· 이미지·문구는 고객사에서 제공해 주셔야 합니다. (맞춤 옵션은 리터칭 포함)
· 타일이 16장보다 적으면 화면이 성겨 보입니다. 20장 이상을 권장드립니다.
· 타일은 같은 비율로 맞추는 것을 권장합니다. 비율이 섞이면 배치를 따로 설계해 드립니다.

움직임은 글로 설명하기 어렵습니다. 실제 페이지에서 캔버스를 끌어 보세요.

NOTICE

· 카페24 스마트디자인 기준으로 제작하며, 스킨 구조에 따라 적용 위치가 조정될 수 있습니다.
· 블록을 감싸는 부모 요소에 overflow:hidden 이 있으면 화면 꽉 채우기가 제한될 수 있어, 설치 전에 확인해 드립니다.
· 타일 수가 많을수록 첫 진입 시 받아야 할 용량이 커집니다. webp 사용을 권장드립니다.
· PC·모바일 분리형 스킨은 양쪽 적용이 필요하며 옵션 협의 후 진행합니다.
· 결제 전 문의 주시면 적용 가능 여부를 먼저 확인해 드립니다.