javascript写特效写多了，今天想换个风格，就用CSS写个小时钟玩下吧。

用CSS3做一个小小的时钟，跟现实中的时钟，功能一样，都能实现看时间的效果。

1. 简介

2. 制作时钟的思路

第一步画表盘

第二步添加时针，分针，秒针

第三步设置指针

3. 代码

3.1画表盘

你会好奇，为什么数字都会在一块，因为定位了啊，那么，怎么让他们分开？可以用循环变换角度。。。

又有问题了，那字怎么倒了啊，怎么整啊？在反转回去，这里别反转div，要是反转div的话，字又回去了，那你看我的HTML结构，我在反转span标签就欧克了。

3.2 添加时针，分针，秒针

3.3 设置指针

4. 完整代码

今天的这个案例就写完了，希望大家能够学习到东西。

因为之前有很多案例都是javascript做的，有些人也想我用CSS做几个试试，让他们学学，所以今天才有了这篇文章。

学习javascript也是有难度的，前提是你的html和css学的应该要很号，您不能连html这东东是干啥的都不知道就开始学javascript了，学乘除前，学好加减法总是有益无害的。

再说几点建议：

不要急着看一些复杂的javascript网页特效的代码，这样除了打击你的自信心，什么也学不到

看网上什么几天精通javascript的，直接跳过吧，会浪费你很多时间