Css3에서 animation에 대해 질문 드립니다.

Question

Css3 공부중, animation을 ex) #tag:hover 에 넣어 사용해보았는데
마우스를 뺐을 때, 초기화되는 부분이 마음에 안들어서요.
hover의 반대라던지, animation에서 out-focus되면 애니메이션을 주는 방법이 있을까요?

Answer 1

CSS에 마우스가 떠날때를 체크하는 인자는 없습니다.

다만 JS에서 이같은 역할을 대신 해줄수있는데요

아래 스택오버플로우 링크 참조하시면 해결될듯합니다.

https://stackoverflow.com/questions/10995165/what-is-the-opposite-of-hover-on-mouse-leave

jQuery 를 사용하시는 경우에는

https://api.jquery.com/mouseout/

아래 URL 보시면 잘 정리되어있습니다^^