Mark Nelson의이 화려한 걷는 개 애니메이션은 Smashing Magazine의 Sarah Drasner의 기사에 자세히 설명 된 SVG 스프라이트 기술을 사용합니다. HTML을 살펴보면 <svg> 요소가 없고 <div> 태그 만 포함되어 있음을 알 수 있습니다.

https://codepen.io/marknelson/pen/KwJmjj 

SVG 이미지가 background 속성 내에서 CSS에 레이어 방식으로 추가 되었기 때문입니다. 

데모에는 PNG 폴 백과 함께 네 개의 SVG가 포함되어 있습니다. 

저자는 @keyframes 규칙의 도움으로 background-position 속성에 애니메이션을 적용하여 움직임을 달성합니다.