5. 애니메이션 Animation | CSS 소 만들기 | 빔캠프 챌린지스

[@JAY_LAURENCE]

감사합니다. 애니메이션 관련 된 예시 한국어 샘플을 보기 어려웠는데 넘~ 감사합니다. 버튼의 롤오버 등의 작동에 따른 애니메이션 인터렉션도 가능한지 궁금합니다.

[@veamcamp]

버튼의 롤오버시에는 transition을 이용합니다! a { color: red; transition: color .4s; } a:hover { color: blue; } 또는 keyframe을 만들어 놓고 hover시에 animation-play-state값을 paused에서 running으로 바꾸기도 합니다. CSS animation property, transition property 등으로 검색해보시면 더욱 자세한 내용 찾아 보실 수 있겠습니다 :)

[@JAY_LAURENCE]

@@veamcamp 감사합니다!!!