CSS/SVG
[SVG]svg를 이용해 그래프 그리기
알찬 퍼블리셔
2019. 5. 31. 12:20
728x90
반응형
일러스트로 그래프를 그린 후 svg 로 저장한다.
선을 그리는 애니메이션
@keyframes lineAni{
0%{stroke-dashoffset: 500;stroke: #000000;}
100%{stroke-dashoffset: 0; stroke: #000000;}
}
점은 흰색이였다 색이 나타나게 한다
@keyframes cirAni{
0%{}
100%{fill: orange;}
}
animation-delay 를 통해 간격조정한다.
728x90
반응형