大家好，最近練習使用單純的 HTML & CSS 做圓圈的動畫效果，
主要的技巧使用了 conic-gradient、radial-gradient 和 mask 相關 CSS。
也使用到了 @property 來自訂屬性，
雖然會有瀏覽器支援度的問題(Chrome 和 Edge 有支援)，
不過覺得不支援也沒有關係，只是沒有動畫效果而已，
圓圈最後的百分比仍能正常呈現。
然後也有寫 JS 來讓頁面下滑，碰到圓圈時，觸發動畫效果。
若想看重點解說，可瀏覽 https://webmix.cc/lab/pie_chart_animation
也提供原始碼下載喔。