정말 정교한 SVG 애니메이션의 예를 보려면 David Corkett의 정교하게 제작 된 심장 애니메이션을 살펴보십시오.

https://codepen.io/morkett/pen/VjByYj 

복잡한 효과이지만 JavaScript를 사용하지 않고 SVG와 CSS에만 의존합니다. 

하트는 CSS의 @keyframes 규칙을 사용하여 작성자가 여유 효과와 여유 효과를 추가 한 여러 다각형으로 구성됩니다.