Analog Digital Clock Website With Dark Mode

 

Analog Digital clock website showing the date, month, day of the week, hour, minutes and seconds. The hands of the clock are synchronized with the time below and the seconds hand has transition effect so it looks like it is real clock. The syncronization is made with function that compares the min and max value for the hand and the min and max value for the full rotation of the hand 0 to 360 degrees. The hands rotate with transform: rotate((value)deg). There is a dark mode option that changes the primary colors of the light mode to the oposite. The design is responsive and made with:

  • HTML
  • CSS
  • JavaScript

Other images of the project:



 

Comments