CSS实现的塑料材质与金属边框床头电子定时闹钟

塑料闹钟

CSS实现的塑料材质与金属边框床头电子定时闹钟

​一款基于CSS实现的塑料金属材质外观床头定时电子闹钟,蓝色的外观+金属材质的数字边框组成一款特别精致的床头小闹钟,整体的外观及布局都是通过纯CSS实现的,JS只负责时间的变化时间。此外,该闹钟...

CSS实现放在桌面上的极简风格黑白主题模拟电子闹钟

极简钟表

CSS实现放在桌面上的极简风格黑白主题模拟电子闹钟

​一款通过CSS实现的白色极简风格主题模拟时钟,为了出色地体现极简模式,整个模拟时钟只使用了白色与黑色的主色调,其中表盘是白色的,而时针与分针是黑色的,仅有的两种颜色形成了鲜明的对比,将极简模...

CSS+SVG手写笔画顺序数字效果数字时钟

手写时钟

CSS+SVG手写笔画顺序数字效果数字时钟

CSS实现的一款仿手写效果的数字时钟,时钟的时分秒对应的数字变化按照常规手写的笔画顺序实现,有种写字的既视感,数字基本效果是通过SVG矢量图实现的,手写数字效果是通过CSS控制实现的。是一款简约...

CSS实现以3D分层的方式展示钟表等物件的内部结构

层次钟表

CSS实现以3D分层的方式展示钟表等物件的内部结构

基于CSS的transform等关键属性实现的层次感十足的倾斜悬浮3D模拟时钟,可以通过3D分层的效果展示钟表等物体的内部层次结构,时钟整体划分为四层结构,最上层是个人头像,第二次是模拟表盘,第...

CSS数字被弹出3D立体效果模拟时钟

3D时钟

CSS数字被弹出3D立体效果模拟时钟

CSS实现的表盘时刻数字为3D突出显示样式的模拟时钟,表盘的底座是白色的,时分指针以及时刻数字都是黑色的,12时刻数字基于CSS实现了3D挤出效果,有种立体的视觉感。是一款非常时尚的模拟时钟!

CSS实现挂在砖墙上的绚丽霓虹灯效果模拟时钟

霓虹灯时钟

CSS实现挂在砖墙上的绚丽霓虹灯效果模拟时钟

通过CSS实现的一款超绚丽的霓虹灯表盘效果模拟时钟,夜光暮色中一盏发着绚丽灯光的霓虹灯时钟挂在砖墙之上,蹦迪气氛已到位,还不起来嗨?

带有磨砂玻璃背景效果的登录注册表单布局模板

磨砂

带有磨砂玻璃背景效果的登录注册表单布局模板

通过CSS实现的一款布局合理,干净且外观精美的登录注册页面模板,支持响应式布局,在手机等小屏幕中同样能以自适应的布局方式呈现页面。此外,页面模块划分合理,一块磨砂的玻璃屏上放置引导标题内容是本登...

CSS网格布局实现的苹果键盘逼真效果,带点击键盘交互效果

苹果键盘

CSS网格布局实现的苹果键盘逼真效果,带点击键盘交互效果

这是一款通过纯CSS实现的交互式苹果键盘,键盘按键以及键盘整体都有影子效果,呈现一种立体感,活灵活现的键盘效果简直跟真的Apple键盘一模一样。并且键盘按键在点击时还带有被按下的交互感。

CSS极简风格3D悬浮LED数字时钟

LED数字时钟

CSS极简风格3D悬浮LED数字时钟

CSS实现的一款极简模式数字时钟,由完全填满数字的LED水晶灯管框架组成,由于加入了影子效果,整个时钟看起来有种3D立体感。

CSS实现拥有金属质感表盘的模拟时钟

金属钟表

CSS实现拥有金属质感表盘的模拟时钟

一款通过CSS实现的银灰色质地金属表盘模拟时钟,金属质感特别的强烈,表盘呈现三层阶梯式嵌套结构,从里到外依次变高,有种3D立体的感觉。表盘外层的12个刻度清晰可见对应12个小时,而且仔细观察表盘...

CSS实现算盘时钟

算盘时钟

CSS实现算盘时钟

一款通过打算盘计数的方式实现的创意时钟,通过简单的CSS实现的。不过想要读懂这款时钟必须要了解算盘的原理才可,比如算盘的上半部分一个珠子代表5,下边一个珠子代表1,只要理解了这个规则就能看懂这个...

CSS傅科摆实验模拟时钟

傅科摆锤

CSS傅科摆实验模拟时钟

傅科摆(Foucault's Pendulum)是一个经典的物理实验,用于证明地球的自转。傅科摆的基本原理是利用一个自由悬挂的重物(摆锤)在无外力干扰的情况下,其摆动平面不会改变,而地球的自转会...