Just CSS. Absolutely NO jQuery/javascript or any other programming language.

The previous Stopwatch using CSS variables in @keyframes animation does not yet work in Firefox, so I have produced this alternative using CSS counter animation which works in all browsers.

I have also included svg text-path to position the text 'RESET' and 'START/STOP' on the outside of the top curve, and 'CSS PLAY - STOPWATCH' on the inside of the bottom curve.

The whole stopwatch has been produced using just CSS.

The stylesheet for this demonstration is in the page head, but if you use this, please keep my copyright comment with the stylesheet.