CSS3制作秒表

作者：大漠

CSS3制作秒表效果，以前想都不敢想，但thecodeplayer.com却完美的使用了CSS3中的animation属性制作了一个纯CSS3的秒表计时器的效果，让我们想都不敢想象，曾经需要javaScript的效果，如今使用CSS3的几个属性就完成了。在这个效果中主要是控制时间数字的显示，本例中每个数定的宽度和高度都定死了，其动画实现主要逻辑是通过对数字进行绝对定位，依靠改变数字的“top”属性值来实现时间数字的变更，当关还需要大家计算好他们之间转换的速率。所以说这个例子绝对是一个练习CSS3的animation属性的好例子，你要是掌握了这个例子，我想你对animation会有一个质的认识，希望大家喜欢（^_^）。

DEMO

=》代码在线看或下载：http://www.chenlinsheng.com/?p=123