Skip to main content
CSS Tip

A CSS-only clock showing the current time

What time is it? We can answer this question using only CSS! The demo below is a clock that shows you the current time (You can compare with your smartwatch, it's accurate!). It's a single-element implementation powered by modern CSS.

A chrome-only experimentation for now:

See the Pen What time is it? (A CSS-only clock with the current time) by Temani Afif (@t_afif) on CodePen.

Based on a clever idea by Jane Ori


More CSS Tips