使用CSS3生成的电子时钟特效

使用CSS3生成的电子时钟特效

在线演示

本地下载

突然觉得自己对带工作的态度亟需改正,虽然不喜欢现在的加班生活,但是自己要去接受自己不喜欢的,才能获得自己喜欢的。

这是自己好久之前丛过的一个时钟,网上应该有这个的教程,虽然实现的效果都相同,不过机制是有差别的。

虽然图片是借的,是一整个圆,不过我只用了半个,没切···,还有浏览器只看了chrome···,太懒了···

首 先他有一个一个永远在右侧的半圆,以及一个永远在动的半圆,当走刚开始的半圆的时候,隐藏右侧的半圆,当要走左侧的半圆的时候,显示右侧的半圆, 恩··· 就是小于180度的时候,只显示那个在动的半圆,当移动超过180的时候,把右侧的半圆显示出来,在动的园继续大于180的运动,就ok了。

由于做了不同的时钟,所以把获取时间提成一个公共。

你可能感兴趣的:(css)