AI 분석
마스킹된 카드 번호를 눈 아이콘으로 공개하고 복사 버튼으로 전환되는 단일 입력 필드 인터랙션이다.
밝은 회색 배경 중앙에 둥근 모서리의 가로형 입력 필드 하나만 배치한 단일 컴포넌트 구성이다. 굵은 산세리프 숫자를 4자리 그룹으로 나누고, 연한 보라 배경의 눈 아이콘 버튼이 오른쪽 끝에 붙는다. 클릭하면 마스킹 문자가 실제 숫자로 바뀌며 숫자 그룹이 좌우로 흐릿하게 페이드되는 스태거 전환이 일어나고, 버튼은 초록색 복사 아이콘으로 바뀐 뒤 외곽선을 따라 진행 링이 그려지며 복사 완료를 알린다. 민감 정보 노출·복사 같은 작은 상태 변화를 부드러운 모션으로 표현하는 핀테크 UI 마이크로 인터랙션 참고로 유용하다.
minimal · light-mode
claude-opus-5-5 · 2026-10-16 07:04 · 신뢰도 0.80
