用 CSS 畫圓餅圖,順便做個倒數計時器

因為最近公司的學員在做番茄鐘的專案,自己也想說順手兜一個圓餅圖的 count down timer。研究了一下 CSS 怎麼畫圓餅圖結果還真麻煩,倒是 JS count down timer 大概十五分鐘就處理好了。 主要的原理是用圓形來配合不同的方形旋轉來切割出扇形,但是如果超過 180 度角的扇形就要另外貼一個半圓上去,如果是靜止的狀態的確是沒什麼問題,但如果我要做 transition 的話,那個超過 180 度的半圓就很難依據我的 transition »

大航道計畫筆記 - HTML & CSS (1) 工具相關

sublime text 安裝package control https://packagecontrol.io/ 以下是個人使用套件 AutoFileName 可以自動帶入資料夾檔案 https://packagecontrol.io/packages/AutoFileName converttoUTF8 http://blog.developer.idv.tw/2015/07/sublime-text-3-package-converttoutf8.html Bootstrap3 »