Hello Everybody.in this post we are going to build javascript Clock CSS Neumorphism Working Analog Clock UI Design.

first create one folder inside your compute drive.we can give any name for folder.i given javascript clock.

Analog Clock

right click on folder and click on open with VsCode. so our project is opened in VsCode editor.

Analog Clock

Next we create one file inside our project index.html so that first click on plus icon and give file name as index.html Analog Clock

using !+tab button we can get default html code structure in our html file.

Analog Clock

Next we link our css file using link tag in index.html file.

Analog Clock

Next we write three div in index.htm that is used to hours minute and second.

Analog Clock

Next we will write css code for body and clock class. Analog Clock

Next write click on index.html file and click on open with live server.

Analog Clock

our index.html file will open in browser whatever we have by default.

Analog Clock

Now we will use hover on our clock

Analog Clock

Next we set position for hour minute and seconds

Analog Clock

Now we will build hour minute and sec porting using css. Analog Clock

Next go to browser and check our hour minute and second has designed.

Analog Clock

Next we write javascript code inside html file using <script> tag. inside that we are getting using Date() class hour minute and second. Analog Clock

Now our clock has completed. Analog Clock

Note:you can download source code from this repostiory.