HALVORIA

어떻게 만들어졌나

원본 홈은 스크롤이 없는 한 화면입니다. 휠을 내리면 페이지가 0.445배로 줄고 카테고리 카드 4장이 올라옵니다.

가장 공들인 곳은 카테고리 히어로입니다. 273px 정사각 사진이 고정된 채 1440×990까지 커집니다.

사선 슬라이더 사진은 모두 711×460 한 크기입니다. 가운데에서 멀어질수록 위아래로 밀릴 뿐입니다.

카테고리 네 페이지는 같은 틀에 색 하나만 바꿉니다. 모작도 색 변수 하나로 네 페이지를 만들었습니다.

끝에서 계속 굴리면 링이 약 2.4초에 걸쳐 차오른 뒤 다음 카테고리로 넘어갑니다.

주요 기능

• 프리로더 · 스크롤 없는 홈
• 카드 4장 선택 화면
• 고정 확대 히어로 · 사선 슬라이더
• 다음 카테고리 넘김 · 문의 폼 탭

어디에 어떻게 쓸 수 있나

매물이나 상품군을 몇 갈래로 나눠 보여 주는 부동산·분양·호텔 사이트에 맞습니다.

확인할 점

원본의 영상과 소리는 사진으로 대신했습니다. 갈래가 4~5개일 때 맞는 구조입니다.