본문 바로가기
CSS/SVG

[SVG]svg를 이용해 그래프 그리기

by 알찬 퍼블리셔 2019. 5. 31.
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
반응형

댓글