纯CSS实现摆动的挂钟

纯CSS实现的挂钟。只是做了秒针的转动,时针和分针都是静止的。做动画展示用,不要当真。: D

钟摆使用常用曲线速度(linear,ease,ease-in,ease-out,ease-in-out)都不太自然,于是用css的贝塞尔曲线(cubic-bezier)来调整。

贝塞尔曲线工具:http://cubic-bezier.com/

 

See the Pen pure css pendulum clock by kitty wei (@kittywei) on CodePen.



One thought on “纯CSS实现摆动的挂钟

Leave a Reply

Your email address will not be published. Required fields are marked *

*