background-image animation keyframes
background-image로 @keyframes 이용해서 animation 구현하기 (gif) 적용방법 무한반복 (infinite) n = 총 frame 수 STEPS = n PERCENT = ( ( 100 / (n-1) ) + 100) % div { animation: gifAnimation 1s steps(STEPS) infinite; } @keyframes gifAnimation { 0% { background-position: 0 0; } 100% { background-position: PERCENT 0; } } 한번만 실행 (1) n = 총 frame 수 STEPS = n-1 PERCENT = 100% //fix 100% div { animation: gifAnimation 1s steps(STEPS) 1...