애니메이션 이미지 외에도 SVG 애니메이션을 사용하여 멋진 텍스트 효과를 만들 수 있습니다.

https://codepen.io/Ayachem/pen/KaLbZK 

예를 들어 Mack Ayache의이 아름다운 텍스트 애니메이션을 살펴보십시오. 

그는 간단한 SVG 모양을 사용하여 글자를 만듭니다. 그런 다음 stroke-dashoffset 및 stroke-dasharray SVG 속성을 사용하여 각 문자에 움직임을 개별적으로 추가합니다. 

그러나 그는 HTML 내의 <svg> 요소가 아니라 CSS에 이러한 속성을 추가합니다. SVG의 프리젠 테이션 속성을 CSS 속성으로 사용할 수 있기 때문에 그렇게 할 수 있습니다.