AI 분석
마스킹된 카드 번호를 눈 아이콘으로 드러내고 복사 버튼으로 바뀌는 입력 필드 인터랙션이다.
밝은 회색 배경 중앙에 둥근 모서리의 단일 입력 필드만 배치한 고립형 컴포넌트 데모다. 짙은 회색 산세리프 숫자와 연한 라벤더 테두리, 보라색 눈 아이콘 버튼이 기본 상태를 이루고, 복사 상태에서는 초록색 아이콘과 연두색 배경으로 전환된다. 눈 아이콘을 누르면 가려진 숫자 그룹이 블러·페이드되며 차례로 드러나고, 버튼은 복사 아이콘으로 바뀌며 테두리를 따라 도는 초록 링 진행 애니메이션으로 복사 완료를 알린다. 민감 정보의 표시·복사 피드백을 하나의 버튼에 담는 마이크로 인터랙션 참고로 유용하다.
minimal · light-mode
claude-opus-5-5 · 2026-10-21 16:16 · 신뢰도 0.80
