[SVG]svg 애니메이션 - rotate animtaion 적용하기

 

 

animateTransform 을 이용해서 html 코드로 애니메이션을 적용할 수 있다.

 

 

<animateTransform attributeName="transform" /* 속성이름 */
            attributeType="XML"
            type="rotate" /*  */
            from="0 395.6 336.8" /* 시작각도 중심점(transform-origin) X, Y 값 */
            to="360 395.6 336.8" /* 종료각도 중심점(transform-origin) X, Y 값 */
            dur="10s" /* 애니메이션 진행 시간  */
            repeatCount="indefinite" /* 애니메이션 진행횟수  */
 />