层次钟表
CSS实现以3D分层的方式展示钟表等物件的内部结构基于CSS的transform等关键属性实现的层次感十足的倾斜悬浮3D模拟时钟，可以通过3D分层的效果展示钟表等物体的内部层次结构，时钟整体划分为四层结构，最上层是个人头像，第二次是模拟表盘，第...
金属钟表
CSS实现拥有金属质感表盘的模拟时钟一款通过CSS实现的银灰色质地金属表盘模拟时钟，金属质感特别的强烈，表盘呈现三层阶梯式嵌套结构，从里到外依次变高，有种3D立体的感觉。表盘外层的12个刻度清晰可见对应12个小时，而且仔细观察表盘...
火轮时钟
CSS超级玛丽游戏火轮机关效果模拟时钟受超级马里奥游戏的启发，开发了一款通过CSS实现的火轮机关模拟时钟，钟表的指针是一根被多团火包围的火棍，一共有三根这样的火棍分别代表时分秒的指针，钟表的外围是多功能玛丽游戏里的砖墙效果，三根...
透视钟表
CSS实现具有透视效果表盘的模拟时钟通过CSS结合JS实现的一款具有透视数字表盘效果的模拟时钟，使用了CSS的perspective关键属性实现的透视效果，JS控制时分秒指针移动。这种效果仿佛你正通过一根管子观察它们，这种设计可...
罗马时钟
CSS+JS实现拥有罗马数字金属骨架外观的罗马模拟时钟通过CSS结合JavaScript实现的罗马模拟时钟，时钟的表盘是通过罗马数字符号的金属架构组成的，相当有金属质感和古老风格的一款时钟效果。并且支持鼠标悬浮显示阿拉布数字的时间提示。实现这一款...
饼图钟表
SVG+CSS饼图主题模拟时钟，指针扫过的区域是一个饼图！基于CSS+JS+SVG实现的一款创意模拟时钟，钟表指针扫过的区域阴影部分是一个饼图效果，而整个钟表的表面被划分为了三个不同颜色的区域，其中钟表素材是由svg实现的，饼图时钟整体效果是由CSS实...
数字串钟表
CSS+JS实现通过当前时间的时分秒数字串起来的指针组成的创意模拟时钟！一款特别有创意的模拟时钟效果，钟表的时分秒常见指针都是通过当前时间所对应的数字串联到一起的，随着时间规则的走动。这款有趣的钟表效果实现起来也很简单，通过CSS绘制表盘以及指针行走动画，JavaS...
钟表
HTML简约时尚风格时钟通过CSS与JS实现的简约风格时钟，黑白红三色非常的干净且时尚，仅5K大小的代码量即可实现，多功能的轻量级！主要用到了CSS的transform（转换）以及transition（过渡效果）等关键...
创意时钟
HTML中通过SVG实现Apple Watch简洁风格的时钟动画创建了一个受Apple Watch时间启发的时钟主题SVG动画效果，时分秒分别对应着三个颜色不一样且从小到大依次嵌套的圆环，中心是数字时间，钟表的圆环轮廓是通过SVG矢量图实现的，细节样式是通...