A beautiful clock using CSS and JavaScript.
- using
transform-origin
property to set the origin of rotation of an element. - use of
cubic-bezier
function for transition (with the help of developer tools).
- we used
HTMLElement.style.transform
to set the transition property of a target element. Syntax is fairly simple and it can be used for any other property.