掷骰子
three.js 新年主题 3D 骰子随机数趣味小游戏这是一款圣诞节日主题 3D 骰子交互场景效果,基于 three.js+canvas 技术实现,它搭建了带节日氛围的 3D 视觉场景,整合了圣诞树、礼盒、骰子等新年元素,还搭配了点击交互功能,能烘...
玻璃背景时钟
液态玻璃风格实时数字时钟(SVG+CSS)这是一款液态玻璃实时数字时钟效果,基于 SVG 滤镜 + 遮罩技术实现,它把实时数字时钟做成了带流体质感的 “液态玻璃” 样式,数字会呈现动态的流体扭曲效果,背景是SVG+webm视频素材实现;...
故障波纹
ASCII 字符故障波纹文字悬浮交互效果(CSS+JS)这是一款 ASCII 字符故障波纹文字悬浮交互效果,基于 Vanilla JS+CSS 技术实现,它是为小体积网页设计的轻量交互 —— 鼠标悬浮到文字(支持中文)上时,会从光标位置扩散故障波纹,...
堆叠轮播
垂直滚动 3D 堆叠式团队成员图文卡片轮播组件(CSS+JS)这是一款垂直滚动 3D 堆叠式图文轮播效果,基于 HTML+CSS+JavaScript 技术实现,它把图文卡片做成了有层次感的 3D 堆叠样式,支持垂直滚动切换,还搭配了平滑动画、滑动 / 键...
图片自动轮播
GSAP驱动的 3D 立体图片滚动自动轮播动画这是一款 GSAP 3D 图片滚动展示组件,基于 GSAP 动画库 + CSS 技术实现,它把图片做成带透视感的 3D 立牌样式,底部若隐若现,仿佛置身于云端,还搭配了鼠标悬停图片摆正位置微微放...
多样式边角
用CSS的corner-shape打造多样化边框边角设计这是一款 CSS 元素多样式边角效果,基于corner-shape属性实现,它给网页元素提供了丰富的边角形状选项,支持多种非传统角型设计,既有基础的圆形、方形,也有内凹、斜切这类个性样式,还能按...
下拉框美化
CSS 现代风格带图标的自定义美化下拉选择框这是一款 CSS 自定义下拉选择框美化效果,基于 CSS 技术实现,它把浏览器默认的下拉选择框改成了更美观规整的样式,选中的选项会带有明显的高亮底色和对勾标记,操作反馈清晰直观,很适合用在表...
玻璃UI界面
苹果液态玻璃(Liquid Glass)UI 效果:iOS 26 标志性通透界面这是一款仿iOS 26“液态玻璃”(Liquid Glass)风格的UI视觉效果,基于现代CSS与模糊滤镜技术实现。图标和控件悬浮于背景之上,通过半透明蒙层、轻微模糊和边缘高光,营造出如玻璃般通...
掷骰子
3D掷骰子比大小工具源码下载(three.js),支持自定义骰子数量,最多20个,轻松实现真实物理感这是一款基于three.js(搭配 HTML+CSS 辅助界面控制)技术实现的3D掷骰子(色子)随机数小游戏,通过点击即可触发彩色骰子在平面上自由翻滚并最终停止,显示结果点数。骰子晃动过程呈现出...
对对碰
翻牌Emoji表情记忆配对 HTML 益智小游戏这是一款基于HTML+CSS实现的 Emoji 记忆配对小游戏,界面简洁直观,玩法类似经典翻牌游戏。玩家需要翻开卡片寻找相同的表情符号配对,每成功匹配一对即可加分,考验记忆力与专注力。游戏采用现...
掷硬币
three.js实现的 3D 硬币抛掷互动效果,趣味决策在线工具这是一款模拟真实硬币抛掷的 3D 视觉效果,基于CSS+three.js技术实现,通过点击拖拽即可触发硬币翻转动画,呈现出逼真的立体旋转与阴影变化。硬币正反面分别标注“YES”和“NO”,还设有...
流光按钮
带彩色流光边框的高端定制按钮(CSS+JS),悬停按钮微光追随交互动效这是一款使用CSS+JS实现高端定制化按钮,带有悬停流光动态交互效果,采用半透明背景、渐变边框与轻微阴影,营造出晶莹剔透的玻璃质感,在悬停按钮时按钮微微凸起,边框带有彩色光晕流动效果。按钮文字清...