CSS3 时钟效果实现
效果图： 知识点： 1、transform-origin 2、弧度计算公式 (2*Math.PI/360)*角度 3、表盘数字计算方法 x=r(1+Math.cos(弧度))； y ...
原文：jquery版时钟（css3实现）
做时钟的主要原因是因为喜欢，觉得它好看 本人对特效有点爱不释手 。做的时候感觉工程量会有点大，做着做着发现实现起来其实并不难，只要理清思绪，其实还蛮简单的 我制作东西喜欢整体方向制定好，然后边做边找感觉，最后可能会有不一样的惊喜 。 我这里采用了时钟的背景图片，第一我觉得图片好看，第二我觉得应该先实现主要的功能再考虑画图 总归来说就是有点懒，哈哈 。好了，废话不多说啦，进入正题。 一 图片演示 ...
2014-06-19 14:44 7 1261 推荐指数：
相关推荐
CSS3和jQuery动态时钟制作过程
本文译自Old School Clock with CSS3 and jQuery，主要讲述了如何利用CSS3和jQuery制作一个漂亮的动态时钟。 Hi，大家好，我叫Toby Pitman，Chris曾邀请我写一篇关于最近我在论坛上发的一些实验成果，于是当我在WebKit blog和saw ...
小练一下canvas版简单时钟与css3版漂亮时钟
无聊时候用canvas练了一下时钟，但感觉画面不是很舒服，可能canvas用的不是很精炼。 随后又用css3重写了下，还是蛮漂亮的，呵呵，先看效果图吧； canvas版: CSS3版： 在线浏览：http://runjs.cn/detail/a9lrocko ...
CSS3+jQuery实现时钟插件
查看效果：http://hovertree.com/texiao/hoverclock/demo4.htm 本插件使用方便，可以在博客园的页面中使用，请看本页面右侧：http://www.cnblogs.com/roucheng/p/css3clock.html 简洁代码 ...
css3实现jQuery的slideUp和slideDown效果
最近打算做一些交互优化方面的轮子。虽然轮子别人都弄过，但是自己没弄过。重复造轮子对知识理解还是有好处的。本次轮子如题目。直接代码。 <!DOCTYPE html> &l ...
通过css3实现蒙版弹幕
最近在b站上看到一种弹幕效果叫做智能防挡弹幕，也就是传说中的蒙版弹幕， 打开之后效果大概是这样的 再也不用担心男神女神的绝世容颜被花里胡哨的弹幕挡住啦，是不是感觉很神奇。 实现原理其实就是类似于ps的蒙版，也就是说将图像的一部分 “隐藏”。这里我们需要用到的是css3的mask遮罩属性 ...
css3clock.js - 一个用CSS3与纯js实现的简单时钟
前言 项目代码明细可以查看我Github上的源码:https://github.com/nelsonkuang/css3clock.js 快速浏览更多在线 Demo 想查看源代码，可以自行F12，或在github中直接查看源码，或者欢迎直接留言。 实现思路 主要是用CSS3控制时针 ...
js html5 css3动态时钟
效果在博客首页右上角↗↗↗ ...