【魅力CSS】使用CSS3动画制作时钟

倒倒苦水

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

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

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

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

【魅力CSS】用CSS3的transform垂直排列日期

废话少说,先上图:

当然了,transform属性目前的ie不支持,但那不关我事。

传说也可以用滤镜解决,具体办法到google搜"css 垂直排列日期"就有了。more

rotate是一个使目标旋转的属性,属性值从-180到180都行,可以认为是试一个点绕着圆心转,不过转360也没意义。

目前支持的浏览器有Ff、webkit内核、以及opera

原理很简单,将日期按照"月/日/年"的顺序上......