按钮切换
CSS创意合并字母切换按钮一款通过纯CSS实现的创意简约风格切换按钮，这款按钮的特色主要是开关的ON和OFF单词的切换效果，ON和OFF都有前面的O，这里让前面的按钮代表字母O，后面只有FF与N两个状态分别代表关和开...
趣味加载器
CSS趣味箱子图形跳跃、旋转、变换形态Loading加载中效果通过CSS的动画变换过渡效果实现的一款趣味箱子运动Loading预加载器，这款Loading加载中特效总共包含三组图形运动动画效果，第一组为四个圆角四边形按照顺时针追随旋转，第二组为三个图形像...
手捏开关
CSS手捏式翘板波动开关，包含垂直、水平以及圆形三种形态这是一款通过纯CSS实现的手捏式翘板开关，完全模拟了现实中各种机器上的波动开关按钮，总共提供了垂直式、水平式以及圆形三种形态可供选择。实现非常简单，首先在HTML文件中定义三款按钮的雏形chec...
卡森通
专业的汽车资讯和汽车测评等车友圈网站 Bootstrap 响应式模板「卡森通」是一款专为汽车租赁与汽车资讯测评网站设计的现代化 HTML 响应式网站模板，基于 Bootstrap 5 框架，提供了清晰、大方、响应式的设计，能够帮助您快速建立一个专业、现代且易于管...
极简搜索框
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分层的效果展示钟表等物体的内部层次结构，时钟整体划分为四层结构，最上层是个人头像，第二次是模拟表盘，第...