CSSでこんなことまで? CSSで作られたストップウォッチ

Stopwatch in CSS

Stopwatch in CSS」はその名の通り、CSSで作られたストップウォッチです。

画面を開くと秒以下の数字がカウントされていますがこの状態だとまだ計測されていません。真ん中の、再生ボタンを押すと計測開始です。

Stopwatch in CSS 1

背景が濃い青にかわり、時間の測定が始まります。ソースコードを確認するとCSSアニメーション機能を使って実現されているようです。結構短いので参考になるかもです。

スポンサーリンク