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
반응형
'CSS > SVG' 카테고리의 다른 글
[SVG] svg scale 애니메이션 효과 적용하는 방법 (133) | 2019.08.01 |
---|---|
[SVG]svg를 이용해 그래프 그리기 (1068) | 2019.05.31 |
[SVG] 체크박스에 SVG 로 애니메이션 효과 넣기 (3382) | 2019.05.30 |
[SVG]텍스트 애니메이션 효과 관련 참고 사이트 (406) | 2019.05.27 |
[SVG]svg시작해보기 4 - path그리기 애니메이션 (415) | 2019.05.27 |
댓글