CSS path 애니메이션 CSS에서 offset-path와 offset-distance 속성을 사용하여 path 애니메이션을 만들 수 있다. offset-path 속성은 SVG path 엘리먼트의 d 속성에 사용하는 path 문자열을 path 함수에 넣어 설정한다. offset-distance 속성은 "0%", "100%"와 같이 퍼센트를 입력한다. 다음 코드는 Framer motion 라이브러리를 통해 offset-distance를 점차 증가시켜서 path 애니메이션을 만드는 간략한 예시이다. 이런 방식으로 만든 path 애니메이션 예제를 code sandbox에서 찾을 수 있었다. offset-path 스케일링 이슈 offset-path를 설정할 때 스케일을 지정할 수 없는 문제가 있다. 위 예제에..
