gif의 프레임을 잘라서 멈춰있는 이미지를 만들 땐 ezgif를 이용하시면 됩니다. CSS만 이용하기 HTML1234 Colored by Color Scriptercs CSS1234567891011.hov-anim-box .animated { display: none} .hov-anim-box:hover .animated { display: inline} .hov-anim-box:hover .static { display: none}csstatic은 멈춰있는 이미지, animated는 움직이는 이미지입니다. 자바스크립트 없이 실행된다는 장점은 있지만, 한 번 마우스를 올리고 gif가 재생되기 시작하면 멈춰있는 이미지와 움직이는 이미지 사이의 시간 차이가 발생하면서 이상하게 보이는 게 단점입니다. Java..