AI 분석
입력 오류 시 필드가 좌우로 흔들리는 셰이크 모션을 큰 진폭과 작은 진폭 두 설정으로 비교한 데모다.
흰 배경 중앙에 둥근 모서리의 입력 필드와 회색 Submit 버튼이 결합된 단일 폼이 놓이고, 상단에는 상태를 나타내는 회색 이모지 아이콘이, 하단에는 키프레임 값을 보여주는 회색 알약형 라벨이 배치된다. 기본 상태는 짙은 회색 테두리이고 오류 시 테두리와 아래 안내 문구가 빨간색으로 바뀌며, 라벨은 모노스페이스 서체로 X축 이동값과 지속 시간, 큐빅 베지어 이징을 표기한다. 첫 번째 설정은 20px 진폭과 120ms 구간 다섯 개로 크게 흔들리고 무표정 아이콘과 짝지어지며, 두 번째 설정은 6px 진폭과 60~80ms의 짧은 구간 네 개, 다른 이징으로 미세하게 흔들리며 웃는 아이콘과 짝지어진다. 폼 검증 피드백 모션의 강도와 타이밍을 조절할 때 구체적인 수치 기준으로 참고하기 좋다.
minimal · light-mode · techy
claude-opus-5-5 · 2026-10-16 17:55 · 신뢰도 0.80
