拟物化控制面板
HTML拟物化太空飞船导航控制面板效果(CSS+JS)这是一款纯 HTML+CSS+JS 技术实现的拟物化深空导航控制面板效果,精准还原拉丝金属质感、铆钉舷窗、模拟速度表、带 CRT 扫描线的 LCD 显示屏、弹簧式拨动开关等经典拟物化元素,支持拖...
商品展示
纯 CSS 暖调极简商品卡片布局 + 日夜模式主题切换效果这是一款纯 CSS 实现的商品展示卡片,左图右文的经典布局,暖米色配金棕色调,整体气质克制而高级,并且支持响应式布局,在移动端等小型设备中也能通过上下布局的形式完美展示。最亮眼的是图片区域下方内...
瀑布流布局
完全支持响应式的瀑布流布局效果,仅用 CSS 的 column-count 属性实现这是一款瀑布流图片排列效果,仅用 CSS 的 column-count 属性实现,无需任何 JavaScript 布局计算。图片按列自动填充,高低错落、排列自然,还内置了序号显示开关方便调试,并...
跳动加载
CSS上下跳动的开关切换加载 Loading 动画效果这是一款开关切换加载动画效果,基于CSS技术实现。视觉上是一个胶囊形状的开关图标,内部的圆形滑块会上下弹跳移动,模拟开关反复拨动的状态。用"开关"这个隐喻挺妙的,因为加载本身就是在等待系统"开启...
推箱子小游戏
复古像素风格经典推箱子 HTML5 益智小游戏这是一款经典推箱子游戏的网页版,基于HTML+JavaScript+CSS技术实现。游戏做成了老式掌机的样子,灰色机身配黑色屏幕,下方还有实体按键式的方向键和功能按钮,满满的怀旧感。玩法就是经典...
开关切换按钮
CSS 字母缩放创意开关切换按钮这是一款创意开关切换动效,基于CSS动画技术+React实现。核心亮点是把传统的toggle开关巧妙地融入到"on/off"文字中——左边的椭圆开关本身就充当了字母"O",圆形滑块在上下滑动时,...
逻辑解密小游戏
熄灭所有灯光益智烧脑 HTML5 小游戏源码这是一款经典的"熄灯小游戏",基于CSS+JavaScript+HTML技术实现。游戏规则很简单:点击任意方块会切换自己和相邻方块的亮灭状态,目标是把所有亮着的橙色指示灯全部熄灭。画面设计走的是...
圣诞树
滑动开关创意圣诞树(CSS+JS)这是一款极具创意的“前端工程师专用”圣诞树交互效果,基于 HTML + CSS + JavaScript 技术实现。它别出心裁地将 UI 设计中常见的“开关按钮(Switch)”作为装饰元素,...
数字重力
纯 CSS 打造的 3D 悬浮金属发光开关按钮这是一款次世代 3D 悬浮感应开关按钮,基于 纯 CSS(3D 透视变换 + 多重发光渐变) 技术实现。它彻底打破了扁平化 UI 的平面次元,通过 500px 的视距设定与 6 层模拟光子发光的...
3D切换按钮
纯 CSS 打造的伪 3D 旋转球切换按钮组件这是一款纯CSS实现的伪3D旋转球开关效果,仅用HTML和CSS完成,无需图片和JavaScript。开关通过巧妙的阴影、渐变和透视变换,纯靠样式代码就做出了小球旋转的 3D 动态效果,营造出球...
点阵时钟
原生CSS+JS实现的创意极简点阵时钟,靠不同颜色的点和条对应时分秒来指示时间这是一款极简风格的点阵时钟,基于原生 CSS 自定义属性与 JavaScript 技术实现,仅用彩色圆点和刻度表示时间,通过不同颜色和位置区分时、分、秒,视觉干净利落,毫无冗余。中央数字时间可自...
米亚伟
SaaS软件、移动App推广、电商等适合 14 种不同场景应用的 Bootstrap 网站模板这是一款面向企业和科技类网站的高端 Bootstrap 5 模板,兼具灵活性、响应式设计与现代简洁美感。模板提供63+HTML功能内业,其中包含14+独特首页布局以及50+其他功能通用页面,让你...