AI 분석
2×2 이미지 묶음이 버튼 클릭으로 세로 메이슨리 갤러리로 펼쳐지는 모션 인터랙션이다.
흰 배경 중앙에 둥근 모서리의 2×2 이미지 그리드가 하나의 묶음처럼 놓이고, 바깥 모서리만 크게 둥글린 형태로 한 덩어리임을 표현한다. 호버 시 각 타일 안의 그림이 살짝 확대·이동하며, 우측 상단의 반투명 원형 갤러리 아이콘 버튼이 확장 트리거 역할을 한다. 버튼을 누르면 타일이 세로로 길어지며 개별 카드로 분리되어 2열 메이슨리로 펼쳐지고, 버튼은 닫기(X) 아이콘으로 바뀌며 추가 이미지가 스크롤로 이어진다. 채도 높은 페인팅 일러스트가 중성 배경 위에서 돋보이도록 UI 요소를 최소화했다. 묶음 미리보기에서 전체 갤러리로 넘어가는 확장 전환과 레이아웃 모핑 참고로 유용하다.
minimal · light-mode · playful
claude-opus-5-5 · 2026-10-16 17:54 · 신뢰도 0.75
