티스토리 뷰

일반적으로 양식 입력 오류가 있으면 위쪽에 오류 메시지가 표시됩니다. 


많은 경우 오류 메시지가 표시가 남아 있기 때문에 


두 번째 오류가 때 표시가 업데이트되지 않고 애매할 수 있습니다. 


오류가 발생거야라는 것을 강하게 어필하고 싶을 때에는 formAnimation를 사용해 보자. 


애니메이션으로 임팩트있는 ​​알림 수 있습니다. 



formAnimation 사용



formAnimation에서 2 패턴의 애니메이션을 지원하고 있습니다. 


첫째는 셰이크입니다.




또 바운드입니다.






어느 쪽이 좋은가는 사이트 나 통지하고 싶은 내용에 따라 달라질 것입니다. 


셰이크 제스처는 전체 폼이 입력을 싫어하고있는 것 때문에 더 효과적이지 않을까 생각합니다. 


formAnimation는 JavaScript로 만든 오픈 소스 소프트웨어 (MIT License)입니다.


nnluukhtn/formAnimation: Form Animation: when form validation <3 animate.css


댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함