Pure HTML/CSS Rolex Day-Date - https://codepen.io/chrisota/pen/Q

Illustrated another fully functioning Rolex in pure HTML and CSS in-browser only with no SVGs. Enjoy!

https://codepen.io/chrisota/pen/QWWxXxQ

Previous problems from a similar pen I created:
1) Unfortunately there is no way to do a "fish eye" effect over the date window.
2) Moving the second hand with the same animation as a real Rolex.
3) It is difficult to apply the proper shading and light source to all elements.

New problems:
1) Matching the typefaces using Google fonts is impossible. Eg. the day of the week could be styled better.
2) Alternating the colors on the bezel could be fixed.

More by Chris Ota

View profile