티스토리 뷰
donut chart
1. draw
2. animation
data-per 속성으로 percent를 지정하면 차트가 애니메이트됨!
1) gradient 방식
2) rotate 방식
transform과 gradient는 프리픽스가 많이 필요한 속성!
크로스브라우징이 많이 까다로운 것 같다… ㅠㅠ
'DRAWER' 카테고리의 다른 글
| 캐릭터 애니메이션 (0) | 2018.04.19 |
|---|---|
| [UI] 말풍선 mixin (0) | 2017.11.10 |
| [UI] svg를 이용한 clip-path (0) | 2017.09.19 |
| 스크롤애니메이션 (1) | 2017.09.18 |
| [UI] 요소 떨어뜨리지 않기 (0) | 2017.08.22 |
댓글