To create the frame of the clock we used an image of the clock without hands. To create hour, minute, and second hand we have made three divs with black background color and different lengths and thicknesses. we have adjusted the position of these divs in such a way that their bottom coincides with the center of the clock frame. For the rotating movement of clock hands, we have set the transform-origin of the hands (i.e divs) to the bottom.
We recommend you to watch this video along with the code. It will help you to understand the code better:
Download link - here.