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!

More by Chris Ota

View profile