Pure HTML/CSS Rolex Oyster Perpetual Submariner
https://codepen.io/chrisota/pen/OJJbdbR
Created a detailed Rolex watch (including the logo) in pure HTML and CSS.
Problems:
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.
I might go back and add more details, but I'm content with the styling for now.
Enjoy!
View all tags
Posted on
Nov 4, 2019
More by Chris Ota View profile
Like