728x90
반응형
stroke-dashoffset : 1000
stroke-dashoffset 이란 총 길이를 1000이라고 가정한다
아래는 5초동안 0에서 1000까지 그려지는 애니메이션
728x90
반응형
'CSS > SVG' 카테고리의 다른 글
[SVG] 체크박스에 SVG 로 애니메이션 효과 넣기 (3382) | 2019.05.30 |
---|---|
[SVG]텍스트 애니메이션 효과 관련 참고 사이트 (406) | 2019.05.27 |
[SVG]svg 시작해보기3 - TEXT (376) | 2019.05.27 |
[SVG]svg 시작해보기2 - path 도형그리기 (0) | 2019.05.27 |
[SVG]svg 시작해보기1 - 기본도형 그리기 (1) | 2019.05.24 |
댓글