大家好，最近练习使用单纯的 HTML & CSS 做圆圈的动画效果，
主要的技巧使用了 conic-gradient、radial-gradient 和 mask 相关 CSS。
也使用到了 @property 来自订属性，
虽然会有浏览器支援度的问题(Chrome 和 Edge 有支援)，
不过觉得不支援也没有关系，只是没有动画效果而已，
圆圈最后的百分比仍能正常呈现。
然后也有写 JS 来让页面下滑，碰到圆圈时，触发动画效果。
若想看重点解说，可浏览 https://webmix.cc/lab/pie_chart_animation
也提供原始码下载喔。