苹果液态玻璃(Liquid Glass)UI 效果:iOS 26 标志性通透界面

玻璃UI界面

苹果液态玻璃(Liquid Glass)UI 效果:iOS 26 标志性通透界面

这是一款仿iOS 26“液态玻璃”(Liquid Glass)风格的UI视觉效果,基于现代CSS与模糊滤镜技术实现。图标和控件悬浮于背景之上,通过半透明蒙层、轻微模糊和边缘高光,营造出如玻璃般通...

3D掷骰子比大小工具源码下载(three.js),支持自定义骰子数量,最多20个,轻松实现真实物理感

掷骰子

3D掷骰子比大小工具源码下载(three.js),支持自定义骰子数量,最多20个,轻松实现真实物理感

这是一款基于three.js(搭配 HTML+CSS 辅助界面控制)技术实现的3D掷骰子(色子)随机数小游戏,通过点击即可触发彩色骰子在平面上自由翻滚并最终停止,显示结果点数。骰子晃动过程呈现出...

翻牌Emoji表情记忆配对 HTML 益智小游戏

对对碰

翻牌Emoji表情记忆配对 HTML 益智小游戏

这是一款基于HTML+CSS实现的 Emoji 记忆配对小游戏,界面简洁直观,玩法类似经典翻牌游戏。玩家需要翻开卡片寻找相同的表情符号配对,每成功匹配一对即可加分,考验记忆力与专注力。游戏采用现...

three.js实现的 3D 硬币抛掷互动效果,趣味决策在线工具

掷硬币

three.js实现的 3D 硬币抛掷互动效果,趣味决策在线工具

这是一款模拟真实硬币抛掷的 3D 视觉效果,基于CSS+three.js技术实现,通过点击拖拽即可触发硬币翻转动画,呈现出逼真的立体旋转与阴影变化。硬币正反面分别标注“YES”和“NO”,还设有...

带彩色流光边框的高端定制按钮(CSS+JS),悬停按钮微光追随交互动效

流光按钮

带彩色流光边框的高端定制按钮(CSS+JS),悬停按钮微光追随交互动效

这是一款使用CSS+JS实现高端定制化按钮,带有悬停流光动态交互效果,采用半透明背景、渐变边框与轻微阴影,营造出晶莹剔透的玻璃质感,在悬停按钮时按钮微微凸起,边框带有彩色光晕流动效果。按钮文字清...

基于 DLX 算法的 HTML 数独小游戏

数独游戏

基于 DLX 算法的 HTML 数独小游戏

这是一款基于DLX(Dancing Links)算法实现的数独 HTML 小游戏,采用简洁现代的设计风格,网格清晰、布局规整。用户可选择“简单”或“困难”模式生成新题目,并通过“使用DLX求解”...

CSS简易动态摩天轮模型:用代码打造梦幻游乐场

摩天轮

CSS简易动态摩天轮模型:用代码打造梦幻游乐场

这是一款使用纯CSS实现的摩天轮动画,通过animation和@keyframes创建了流畅的旋转效果,轮盘匀速旋转、座舱随动,还原摩天轮的机械运动感。摩天轮由圆形框架、支撑结构和多个红白相间的...

暖心表白弹窗气泡墙动画效果(CSS+JS),满屏治愈系关怀语录

表白墙

暖心表白弹窗气泡墙动画效果(CSS+JS),满屏治愈系关怀语录

这是一款暖心语录气泡弹窗表白墙效果,以多彩弹窗气泡承载 “多穿衣服”“别熬夜” 等关怀语录,每个气泡依次弹出,过一段时间自动消失,并且支持主动关闭操作,视觉层次丰富且充满治愈感。适用于情感类网站...

CSS 单div实现的国旗,一共195面国旗集合

国旗

CSS 单div实现的国旗,一共195面国旗集合

这是一组使用纯CSS实现的国旗集合,共195面,每面旗帜仅用一个HTML元素通过CSS的clip-path、border、background等属性精确还原,每个国旗仅通过单个DIV元素构建,在...

高颜值带搜索自动补全功能的下拉选择框 HTML 组件,提升交互与筛选体验
精品

下拉选择框

高颜值带搜索自动补全功能的下拉选择框 HTML 组件,提升交互与筛选体验

​这是一款高颜值现代化的下拉选择菜单,基于CSS与JavaScript实现,支持搜索过滤自动补全和图标展示,突出显示选择项,悬停效果明显。并且整体采用深色主题搭配渐变背景,视觉层次清晰。菜单项带...

GSAP 炫酷切牌(多张卡牌轮番展示)3D动画效果,打造沉浸式视觉交互

切牌动画

GSAP 炫酷切牌(多张卡牌轮番展示)3D动画效果,打造沉浸式视觉交互

这是一款基于GSAP动画库实现的卡牌切牌炫酷动画效果,通过流畅的3D翻转动画让卡片在点击时优雅地切换,实现多张卡牌的轮播展示效果。整体设计采用渐变边框与霓虹风格配色,视觉冲击力强,适合用于产品展...

CSS 趣味 “偷窥” 按钮效果,让交互充满戏谑感

偷看按钮

CSS 趣味 “偷窥” 按钮效果,让交互充满戏谑感

这是一款 CSS 趣味 “偷窥” 按钮效果,基于纯 CSS 技术实现,悬停按钮时,蓝色按钮下方隐藏着一对会跟随鼠标移动的眼睛,仿佛在 “监视” 用户操作,交互充满戏谑感。适用于创意网站、趣味营销...