这次给大家带来用h5和c3实现简单的时钟效果，用h5和c3实现简单的时钟效果的注意事项有哪些，下面就是实战案例，一起来看一下。
目的：
利用html5，css实现钟摆效果
知识点：
1） 利用position/left/top和calc()实现元素的水平和垂直居中；
2） 利用CSS3的animation/transform/transform-origin属性定义动画；
3） 利用transform-origin实现旋转原点的圆心调整
废话不多说了，直接看代码吧，具体代码如下所示：
相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
相关阅读：
