作者Linux (Windows)
看板Web_Design
标题Fw: [心得] 实作数字翻转计数器
时间Mon Jun 13 09:49:44 2016
※ [本文转录自 Soft_Job 看板 #1NNWMNYV ]
作者: Linux (Windows) 看板: Soft_Job
标题: [心得] 实作数字翻转计数器
时间: Mon Jun 13 09:00:03 2016
Hi 各位早！
上班第一天分享个小小作品轻松一下ＸＤ
Demo:
http://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://webptt.com/cn.aspx?n=bbs/Soft_Job/M.1465779607.A.89F.html
1F：→ ian90911: nice 06/13 09:08
※ 发信站: 批踢踢实业坊(ptt.cc)
※ 转录者: Linux (49.217.114.203), 06/13/2016 09:49:44
2F：推 chang0206: 给你一个赞！ 不知道能不能有「翻页」的效果 06/13 10:42
3F：→ Linux: 应该可以，利用 css rotate、transform 应该可以做得到！ 06/13 10:46
4F：推 ChenCH1986: 限制一下输入最多四码会更好喔 06/14 10:16