제출할 때 입력값이 올바르지 않으면 흔들림 class를 붙이고, 흔들림이 끝나면(animationend) 떼어 냅니다. 그래야 다음 오류 때 다시 흔들 수 있습니다. 빨간 테두리는 aria-invalid로 따로 표시해서, 흔들림이 끝난 뒤에도 오류 상태가 남습니다.

애니메이션 속성

transform

렌더링 비용

Composite