首页
-
代码
2013-12-28 06:33:41 -0500
★纯CSS3制作的精美秒表(带开始/停止/重置按钮)★
请勿抄袭本页面
代码说明
纯CSS3制作秒表,实现要领:1、动画的逻辑就是给数字使用了绝对定位,改变“top”的属性值;2、分 和 秒 应该是 '60' 而不是 '100',因此需要创建两个动画;3、十步十个数字;4、六步六个数字。转自网页代码站
html代码
0 1 2 3 4 5 6 7 8 9
0 1 2 3 4 5 6 7 8 9
:
0 1 2 3 4 5 6
0 1 2 3 4 5 6 7 8 9
:
0 1 2 3 4 5 6
0 1 2 3 4 5 6 7 8 9
:
0 1 2 3 4 5 6 7 8 9
0 1 2 3 4 5 6 7 8 9
0 1 2 3 4 5 6 7 8 9
开始
停止
重置
代码演示
0 1 2 3 4 5 6 7 8 9
0 1 2 3 4 5 6 7 8 9
:
0 1 2 3 4 5 6
0 1 2 3 4 5 6 7 8 9
:
0 1 2 3 4 5 6
0 1 2 3 4 5 6 7 8 9
:
0 1 2 3 4 5 6 7 8 9
0 1 2 3 4 5 6 7 8 9
0 1 2 3 4 5 6 7 8 9
开始
停止
重置
[代码仅供参考,转载请注明出处]
----Comments(3)----
boghqam (@boghqam)
|
@
at 2016-07-23 22:43:
?
小孩 (@luchaorong)
|
@
at 2014-02-03 06:56:
反应慢
翱翔的雄鹰 (@axdxy)
|
@
at 2014-01-10 00:09:
不错哦,拿了。
Comment:
Name:
Subscribe
|
Register
|
Login
|
N