故障波纹
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实现高端定制化按钮,带有悬停流光动态交互效果,采用半透明背景、渐变边框与轻微阴影,营造出晶莹剔透的玻璃质感,在悬停按钮时按钮微微凸起,边框带有彩色光晕流动效果。按钮文字清...
数独游戏
基于 DLX 算法的 HTML 数独小游戏这是一款基于DLX(Dancing Links)算法实现的数独 HTML 小游戏,采用简洁现代的设计风格,网格清晰、布局规整。用户可选择“简单”或“困难”模式生成新题目,并通过“使用DLX求解”...
摩天轮
CSS简易动态摩天轮模型:用代码打造梦幻游乐场这是一款使用纯CSS实现的摩天轮动画,通过animation和@keyframes创建了流畅的旋转效果,轮盘匀速旋转、座舱随动,还原摩天轮的机械运动感。摩天轮由圆形框架、支撑结构和多个红白相间的...