倒倒苦水

做完这个小玩意之后，我觉得，我一定是闲得蛋疼才做的。嗯，一定是的。

话说昨天今天加班，下午下班前总算把临时变更的需求完成的七七八八了，昨晚又爬了一趟南山，累的不行...

想起某个产品说的，工作累了，就写写代码，休息一下 =_=||

好了，言归正传。下午偶然看到一个jquery+css3实现的时钟，挺漂亮的，突然觉得是不是也可以用纯css3整一个，于是乎...先看看最终效果

或者你也可以直接点这里看代码（因为我太喜欢啰嗦啦...）

more

表盘

好了，先搭个结构，html挺简单的，没几个代码，看看下面：

<div class=&qu......

上回说到用png图片来做帧动画，总的来说也没什么大问题，但是画个菊花，按固定角度旋转N次做图实在是蛋疼。

既然怎么样都要画个菊花，那不如就用canvas来画算了。对于不支持canvas的浏览器，可以用svg，原理都差不多。

这个canvas动画的原理跟帧动画也类似，先绘制第一帧的画面，然后擦掉，接着绘制第二帧，以此循环。时间间隔短的话看上去就变成动画了。

具体解释请看代码，有足够的注释，或者也可以点这里看看结果。canvas的api说明可以在这里找到。

window.onload = function(){

var canvas = document.getElem......