Designing an Analog Clock using HTML, CSS & JAVASCRIPT

By Manish Malana

I am designing an Analog Clock using HTML, CSS & JAVASCRIPT. The project was made using HTML and gave the design using CSS and the backend or the functionality using javascript language.

 

I am designing an Analog Clock using HTML, CSS & JAVASCRIPT. I have written the structure using HTML and gave the design using CSS(cascading style sheet) and the backend or the functionality using javascript language. In this project, I have used full HTML and complete CSS and basic javascript.

I have given the background color black with opacity less and the clock is also black with different opacity than the background. The clock shows us in real time. The clock looks beautiful as it also has a box shadow so it gives a 3D view to the clock. 

In the case of styling, I have used flex-box for the structure and position of the clock. The clock is in the center of the display with second, minute, and hour hands have white, blue, and red colors.