[心得] 實作數字翻轉計數器

[Linux (Windows)]

Hi 各位早！

上班第一天分享個小小作品輕鬆一下ＸＤ



Demo: https://works.ioa.tw/number_flipping_counter/index.html



基本上就是..嗯，就是一個數字翻轉計數器！

其實主要使用簡單的 JavaScript 與 SCSS 實作數字翻轉計數器，

藉由設定每個計數器元素的 class 來達成不同數字的顯示，

分別以 n0~n9 的 class 來設定子元素 top 的位置。



在 GitHub 的 Readme 上有詳細解說作法，

因為剛收完假，心還沒收，所以可能寫得有些零亂，請各位大大見諒..

如果各位喜歡的話，歡迎按星星喔！


GitHub: https://github.com/comdan66/number_flipping_counter/


--

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.249.183.148
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1465779607.A.89F.html
→ ian90911: nice
推 dfudfut5: 很好玩，還可以輸入很多數字，一直翻轉到錯誤XDD
→ Linux: 哈哈，應該是溢位了，這部分我沒做防堵 >"<
推 xdraculax: omoshiroi
推 tooto1985: http://tooto1985.github.io/website/#翻牌數字計時器
推 Harifucks: vb+c+++java，輸了
※ 編輯: Linux (114.43.91.221), 11/06/2016 19:58:53