CSS3 stopwatch without javascript

A Cool CSS3 stopwatch, without any javascript

Built using CSS3,

  • 188 views
  • 0 comments

More About This Demo From The Author

A stopwatch in CSS3.

This demo focuses on step based CSS3 keyframe animation, along with the usage of the animation-play-state property to start/stop/reset the stopwatch.

The animation-play-state property may be removed because it can be replicated using other methods and is currently not supported in all browsers, but the idea behind the functionality of the stopwatch is worth learning.

The code can be modified and enhanced to be used as timers, countdowns, counters, etc.

No comments yet.

Log in to add your own.

About this Demo

Download the Source 111.79 KB · ZIP File

Browse the Source

This demo is released under the GPL license.

More by thecodeplayer