설명

쇼핑몰 카테고리 진입부를 세 가지 형태로 정리했습니다. 아이콘형은 Tabler 아이콘을 원형 배경에 담아 8개를 배치하고, hover 시 group-hover로 배경과 아이콘 색이 함께 반전됩니다. 이미지형은 4:3 사진 위에 그라데이션 오버레이를 얹어 카테고리명과 상품 수를 표시하며, hover에서 이미지가 천천히 확대됩니다. 컴팩트 리스트형은 좁은 사이드 영역에 맞춘 2열 목록으로, 현재 카테고리에는 aria-current를 적용했습니다.

변경 이력