Skip to content

DEV Community

Clocks and Watches in CSS

Mads Stoumann on February 25, 2025

A couple of years ago, when CSS trigonometry functions became baseline, I wrote an article about them. One of the examples I did, was a CSS-only an...

Read full post

crosschainer • Feb 26

sick

artydev • Feb 25 • Edited

Awesome, thank you ;-)

Mads Stoumann • Feb 25

Thanks!

Shaktijeet Sahoo • Feb 26

Holy CSS!

plutonium239 • Feb 27

Nice, but you can just name the variable --d without the underscore, neater.

Mads Stoumann • Feb 27

That's to indicate the variable should be considerend "private".

MilesWK • Feb 26

Wow! Very interesting! Clocks are hard! Thanks for sharing!

Mads Stoumann • Feb 27

Thank you!

Muhaymin Bin Mehmood • Feb 27

Great, It seems awesome 🙌

Mads Stoumann • Feb 27

Thanks!

José Santos Silva • Feb 27

Great work thanks.

Mads Stoumann • Feb 27

Thanks!

Michael Phillips • Feb 26

So nice!

Mads Stoumann • Feb 26

Thanks!

Madhurima Rawat • Feb 26

This looks so good🌟Thanks for sharing!

Mads Stoumann • Feb 26

Thanks!

SAMIR HEMBROM • Feb 27

Absolutely amazing

Mads Stoumann • Feb 27

Thanks!

Mahdi Jazini • Feb 27

Good Job !

Mads Stoumann • Feb 27

Thanks!

zoujia • Feb 27

COOL👍MARK❤

Mads Stoumann • Feb 27

Thanks!

GoogliEyes8 • Feb 27

Noice, The clock is so smooth, thanks for sharing

Mads Stoumann • Feb 27

Thank you!

Keith Murimi • Feb 27

This is timeless CSS at it's best

Mads Stoumann • Feb 27

Thank you!

Yuriy K. • Feb 28

Great article, thanks.
Always knew that trigonometry is cool ))

Mads Stoumann • Feb 28

Yeah, it is!

Ștefan Vîlce • Feb 27

Awesome!!! Excellent!

Mads Stoumann • Feb 27

Thank you!!

UpGrow • Feb 26

Very good!

Mads Stoumann • Feb 27

Thanks!

Stephen Samra • Feb 28

This is so cool, thanks for sharing.