Skip to content

Files

Latest commit

 

History

History
17 lines (13 loc) · 910 Bytes

File metadata and controls

17 lines (13 loc) · 910 Bytes

CSS + JS Clock

CSS + JS Clock

A beautiful clock using CSS and JavaScript.

Notes

CSS

  • 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).

JavaScript

  • 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.

References