CSS/SVG
[SVG]svg 애니메이션 - rotate animtaion 적용하기
알찬 퍼블리셔
2019. 5. 30. 15:55
728x90
반응형
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" /* 애니메이션 진행횟수 */
/>
728x90
반응형