[Day2] CSS + JS Clock

[Day2] CSS + JS Clock

运用 CSS 和 Javascript 做一个虚拟时钟

需要用到的技巧与练习目标

1. transform-origin 和 transform rotate
2. transtion 和 transtion-timing-function
3. setInterval
4. new Date() 和 getSeconds()/getMinutes()

关於 [ CSS ] transform-origin

transform-origin

修改物件选转中心所用到的CSS，预设值是由中心旋转 即为50%，由於时钟所需要固定旋转的位置为最末端，所以这里改为100%

transtion-timing-function

参考资料来源:

1. https://ithelp.ithome.com.tw/articles/10192719
2. https://wcc723.github.io/css/2013/10/10/css-transform-origin/