算盘时钟
CSS实现算盘时钟一款通过打算盘计数的方式实现的创意时钟，通过简单的CSS实现的。不过想要读懂这款时钟必须要了解算盘的原理才可，比如算盘的上半部分一个珠子代表5，下边一个珠子代表1，只要理解了这个规则就能看懂这个...
滚动时间
CSS实现LED屏滚动显示日期时间效果CSS实现的一款LED屏滚动显示日期时间效果，首先通过CSS的background-image: linear-gradient等关键属性定制LED屏幕效果，然后通过animation以及box...
悬浮时钟
CSS空间感极强的3D悬浮箱子错觉（Illusion）效果模拟时钟通过CSS实现的一款容易让人产生错觉的模拟时钟，这款时钟拥有黑色的表针，表盘是一个仿佛悬空的3D立体盒子，底部还带有模糊的影子效果，当鼠标悬浮于表盘之上会以数字的形式提示当前时间。给人一种神秘、...
帅颜显
高颜值轻量级个人网站 Bootstrap 模板，侧边栏导航+亮暗模式「帅颜显」是一款现代、简洁且高度可定制的个人作品集HTML模板，时尚的侧边栏菜单布局并且支持亮暗模式的调节。专为创意专业人士、开发者、自由职业者、设计师、艺术家、摄影师等需要展示作品的用户设计。...
罗马时钟
CSS+JS实现拥有罗马数字金属骨架外观的罗马模拟时钟通过CSS结合JavaScript实现的罗马模拟时钟，时钟的表盘是通过罗马数字符号的金属架构组成的，相当有金属质感和古老风格的一款时钟效果。并且支持鼠标悬浮显示阿拉布数字的时间提示。实现这一款...
数字串钟表
CSS+JS实现通过当前时间的时分秒数字串起来的指针组成的创意模拟时钟！一款特别有创意的模拟时钟效果，钟表的时分秒常见指针都是通过当前时间所对应的数字串联到一起的，随着时间规则的走动。这款有趣的钟表效果实现起来也很简单，通过CSS绘制表盘以及指针行走动画，JavaS...
长工电
电力维修与安装服务企业专用 Bootstrap 响应式网站模板「长工电」是一款专为电力服务行业打造的 现代化、专业度强的 HTML 网站模板，基于先进的前端主流框架Bootstrap5x进行构建，内置了25+HTML功能页面，涵盖4款独特布局风格的主页以及...
赛柯睿
专业安保与监控系统网站 HTML 响应式模板，守护商区与住宅安全「赛柯睿」是一款专为安防服务企业打造的 HTML 响应式网站模板，基于先进的Bootstrap5x框架进行构建，设计独特且功能全面，能够满足家庭以及公共区域和商区等不同领域的安防需求。无论是小区...
圆片加载器
CSS实现一排薯片依次翻转Loading加载中动画效果这是一款通过CSS技术实现的创意预加载器效果，这款加载器是一个由多个蓝色和黄色立体圆形（类似于薯片）排成一列依次翻转的动画效果实现的，底层使用了 CSS 3D transforms 和 anim...
同心圆加载器
CSS+SVG实现的三层同心圆开合动画Loading加载中特效这是一款通过CSS以及SVG技术实现的三层同心圆逐渐闭合以及张开动画效果的预加载器，其中包含了三层不同长度并围绕圆周移动的同心圆线条。当加载完成时，这些线条会再次环绕整个圆形区域。实现细节：首...
奥苏发
专为软件、线上工具及应用推广而设计的响应式着陆页 Bootstrap 网站模板「奥苏发」是一款轻量级、可定制的高级响应式 HTML5 模板，专为Sass软件、办公软件、社交应用及软件、企业管理软件、项目办理软件、邮件管理、密码管理、POS软件、网站设计软件等各类软件、、线...
状态流转
HTML中实现外卖餐品订单状态追踪小组件这是一款通过CSS实现的外卖订单状态流转指示小部件，仿照了美国外卖平台DoorDash的一款iOS小部件设计，用于实时跟踪食物订单的状态。该组件可应用于电商物流状态追踪、外卖订单状态追踪以及其他...