使用CSS3生成的电子时钟特效
2014-11-12 16:22
323 查看
在线演示
本地下载
突然觉得自己对带工作的态度亟需改正,虽然不喜欢现在的加班生活,但是自己要去接受自己不喜欢的,才能获得自己喜欢的。
这是自己好久之前丛过的一个时钟,网上应该有这个的教程,虽然实现的效果都相同,不过机制是有差别的。
虽然图片是借的,是一整个圆,不过我只用了半个,没切···,还有浏览器只看了chrome···,太懒了···
首先他有一个一个永远在右侧的半圆,以及一个永远在动的半圆,当走刚开始的半圆的时候,隐藏右侧的半圆,当要走左侧的半圆的时候,显示右侧的半圆,恩··· 就是小于180度的时候,只显示那个在动的半圆,当移动超过180的时候,把右侧的半圆显示出来,在动的园继续大于180的运动,就ok了。
由于做了不同的时钟,所以把获取时间提成一个公共。
。。。。
阅读全文:使用CSS3生成的电子时钟特效
相关文章推荐
- 使用CSS3生成的电子时钟特效
- 使用CSS3特效让你的页面菜单变得更加有趣
- css3 ——text-shadow使用阴影叠加出的燃烧的文字特效
- [HTML5-SVG]使用raphaeljs:代替css3实现qq空间关闭按钮旋转特效
- 优秀教程:使用 CSS3 动画实现的超炫的过渡特效
- 使用HTML5/CSS3快速制作便签贴特效
- 使用 MSP430 内部时钟生成随机数字:“生成真随机数字入门指南”
- 超酷的CSS3列表动画特效在线生成工具 - liffect
- 超酷的CSS3列表动画特效在线生成工具 - liffect
- CSS3+HTML5特效9 - 简单的时钟
- 分享23款使用纯CSS3生成的知名logo设计
- 如何使用纯CSS3来生成家谱(family tree)
- 如何使用纯CSS3来生成家谱(family tree)
- Python下使用qrcode模块生成vCard电子名片二维码图片
- css3ps—ps直接生成css3 使用方法
- 使用CSS3打造的精美特效盘点,部分有中文制作教程及源码
- 使用JavaScript编写图片式电子时钟时间自动更新
- css3 自动生成序号(不使用JS,可任意排序)
- 使用HTML5/CSS3快速制作便签贴特效
- CSS3+HTML5特效9 - 简单的时钟