塑料闹钟
CSS实现的塑料材质与金属边框床头电子定时闹钟一款基于CSS实现的塑料金属材质外观床头定时电子闹钟，蓝色的外观+金属材质的数字边框组成一款特别精致的床头小闹钟，整体的外观及布局都是通过纯CSS实现的，JS只负责时间的变化时间。此外，该闹钟...
手写时钟
CSS+SVG手写笔画顺序数字效果数字时钟CSS实现的一款仿手写效果的数字时钟，时钟的时分秒对应的数字变化按照常规手写的笔画顺序实现，有种写字的既视感，数字基本效果是通过SVG矢量图实现的，手写数字效果是通过CSS控制实现的。是一款简约...
3D时钟
CSS数字被弹出3D立体效果模拟时钟CSS实现的表盘时刻数字为3D突出显示样式的模拟时钟，表盘的底座是白色的，时分指针以及时刻数字都是黑色的，12时刻数字基于CSS实现了3D挤出效果，有种立体的视觉感。是一款非常时尚的模拟时钟！
暗绿格
创意作品展示与设计公司网站Bootstrap模板，内含4种简约单页布局主页「暗绿格」是一款专为创意机构与商业初创公司设计的现代化响应式HTML模板，具有简约、大方和时尚的设计风格，大标题艺术风格突出，是非常个性的一款创意网站模板。该模板基于先进的Bootstrap v...
滚动时间
CSS实现LED屏滚动显示日期时间效果CSS实现的一款LED屏滚动显示日期时间效果，首先通过CSS的background-image: linear-gradient等关键属性定制LED屏幕效果，然后通过animation以及box...
悬浮时钟
CSS空间感极强的3D悬浮箱子错觉（Illusion）效果模拟时钟通过CSS实现的一款容易让人产生错觉的模拟时钟，这款时钟拥有黑色的表针，表盘是一个仿佛悬空的3D立体盒子，底部还带有模糊的影子效果，当鼠标悬浮于表盘之上会以数字的形式提示当前时间。给人一种神秘、...
霓虹灯数字
SVG+CSS使用具有遮挡渐变霓虹灯效果的数字时钟基于CSS实现的霓虹灯效果数字时钟，外观超靓丽，其中数字表盘是基于SVG矢量图实现的，遮挡渐变效果的霓虹灯效果数字是通过CSS的渐变（gradient）和遮罩（mask）等关键属性实现的，表的正...
透视钟表
CSS实现具有透视效果表盘的模拟时钟通过CSS结合JS实现的一款具有透视数字表盘效果的模拟时钟，使用了CSS的perspective关键属性实现的透视效果，JS控制时分秒指针移动。这种效果仿佛你正通过一根管子观察它们，这种设计可...
划线时钟
CSS+SVG创意黑板上划线计数的数字时钟通过CSS结合SVG实现的一款黑板上划线计数的数字时钟，这款效果有没有让你幻想起曾经那些年在班级里投票选班干部的场景？好有时代感的一款效果，实现起来不难，背景是一张黑板照片，划线的素材是通过SV...
罗马时钟
CSS+JS实现拥有罗马数字金属骨架外观的罗马模拟时钟通过CSS结合JavaScript实现的罗马模拟时钟，时钟的表盘是通过罗马数字符号的金属架构组成的，相当有金属质感和古老风格的一款时钟效果。并且支持鼠标悬浮显示阿拉布数字的时间提示。实现这一款...