原文：http://margox.me/css3clock.html
第一次发文章，比较激动。
本码农长期浸淫于Dribbble等设计师网站，看到那些好看的设计作品就非常激动，但是无奈PS不精通，AI也早忘光了，只不过对前端略有研究，偶然间看到几个设计清爽的时钟，觉得用CSS实现起来应该也没什么难度，于是花了个把钟头琢磨了一个出来。
效果图
技术点
box-shadow 表盘的质感什么的全靠它了 nth-child(x) 用于表盘刻度的定位什么的 transform-origin 这个用来定位三个表针旋转的中心点 keyframes 表针动画效果流程
先设计好DOM结构，代码如下：
查看更多关于HTML+CSS3再加一点点JS做的一个小时钟_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did113613