Working Stopwatch in Pure CSS
Working stopwatch by Jhey Tompkins on CodePen
Open on CodePen ↗A stopwatch you can start, stop and reset, and it really keeps time.
Jhey Tompkins registers custom properties as integers with @property so the browser can animate them. Each digit has its own stepped animation shown through counter(), and a checkbox switches the play state.
interactiveanimation:checkedcounter()
The modern.css newsletter
New CSS each month, and new things in the Atlas. 806 subscribers. Past issues
More like this
See all →- animation
by Kiarash ZarinmehrDancing skeleton
A small skeleton that never stops dancinganimationarttransformborder-radius - animation
by Ricardo Oliva AlonsoPainter
A painter at his easel, drawn and animated in CSSanimationartborder-radiuslinear-gradient - animation
by Henry DesrochesSea drawing
A colourful seascape with gently rolling wateranimationartlinear-gradientborder-radius