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

看板Soft_Job作者Linux (Windows)時間9年前 (2016/06/13 09:00)推噓4(4推 0噓 2→)

留言6則, 6人參與討論串1/1

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

06/13 09:08, , 1^F

06/13 09:08, 1^F

推

dfudfut5

06/13 10:18, , 2^F

06/13 10:18, 2^F

→

Linux

06/13 10:45, , 3^F

06/13 10:45, 3^F