手捏开关
CSS手捏式翘板波动开关，包含垂直、水平以及圆形三种形态这是一款通过纯CSS实现的手捏式翘板开关，完全模拟了现实中各种机器上的波动开关按钮，总共提供了垂直式、水平式以及圆形三种形态可供选择。实现非常简单，首先在HTML文件中定义三款按钮的雏形chec...
极简搜索框
HTML+CSS高颜值简约风格搜索框，带图标变换功能在HTML网页中实现的一款优异颜值的极简风格搜索框，当输入框获得焦点时，放大镜图标会变成箭头图标，失去焦点，箭头再次恢复为放大镜图标。蓝底色+圆角边框+白色图标+白色搜索文字组成了这款简约搜索框...
白玉钟表
CSS实现拥有汉白玉质感的极简风格模拟时钟再分享一款简约风格的模拟时钟，晶莹透剔的汉白玉的表盘，纤细的指针结合少量的刻度组成了这款极简风格的模拟时钟，指针的走动还带有抖动感。这么一款模拟时钟是通过CSS结合JS实现的，其中表盘的外观以及...
黄铜钟表
CSS实现的木质边框与黄铜表盘复古风格模拟时钟通过CSS实现的一款黄铜表盘与木质边框组成的复古时钟，锃光瓦亮的黄铜表盘+富贵范十足的木制边框组成了这么一款高贵壁挂模拟时钟，只需要简单的CSS技术即可实现。
塑料闹钟
CSS实现的塑料材质与金属边框床头电子定时闹钟一款基于CSS实现的塑料金属材质外观床头定时电子闹钟，蓝色的外观+金属材质的数字边框组成一款特别精致的床头小闹钟，整体的外观及布局都是通过纯CSS实现的，JS只负责时间的变化时间。此外，该闹钟...
极简钟表
CSS实现放在桌面上的极简风格黑白主题模拟电子闹钟一款通过CSS实现的白色极简风格主题模拟时钟，为了出色地体现极简模式，整个模拟时钟只使用了白色与黑色的主色调，其中表盘是白色的，而时针与分针是黑色的，仅有的两种颜色形成了鲜明的对比，将极简模...
手写时钟
CSS+SVG手写笔画顺序数字效果数字时钟CSS实现的一款仿手写效果的数字时钟，时钟的时分秒对应的数字变化按照常规手写的笔画顺序实现，有种写字的既视感，数字基本效果是通过SVG矢量图实现的，手写数字效果是通过CSS控制实现的。是一款简约...
层次钟表
CSS实现以3D分层的方式展示钟表等物件的内部结构基于CSS的transform等关键属性实现的层次感十足的倾斜悬浮3D模拟时钟，可以通过3D分层的效果展示钟表等物体的内部层次结构，时钟整体划分为四层结构，最上层是个人头像，第二次是模拟表盘，第...
3D时钟
CSS数字被弹出3D立体效果模拟时钟CSS实现的表盘时刻数字为3D突出显示样式的模拟时钟，表盘的底座是白色的，时分指针以及时刻数字都是黑色的，12时刻数字基于CSS实现了3D挤出效果，有种立体的视觉感。是一款非常时尚的模拟时钟！
磨砂
带有磨砂玻璃背景效果的登录注册表单布局模板通过CSS实现的一款布局合理，干净且外观精美的登录注册页面模板，支持响应式布局，在手机等小屏幕中同样能以自适应的布局方式呈现页面。此外，页面模块划分合理，一块磨砂的玻璃屏上放置引导标题内容是本登...