磁铁感应
Three.js 软体球相互吸引与排斥物理模拟磁铁感应效果，并且带果冻质感弹性碰撞动效这是一款基于 Three.js 实现的软体相互吸引与排斥物理模拟效果。鼠标靠近时，两个球与鼠标箭头之间产生类似于磁铁的排斥感，两个半透明果冻球之间会有磁铁的吸引感，在接触时会产生真实的挤压形变，...
雪崩色块标签
CSS 颜色雪崩：140+个命名颜色的胶囊标签，支持真实重力、碰撞和堆叠效果！这是一款物理模拟色块展示效果，基于 CSS + Matter.js 技术实现，将140多个CSS原生命名颜色以胶囊标签形式呈现，每个色块都有真实的重力、碰撞和堆叠效果，还支持"零重力"和"爆炸"...
流光
纯 CSS 全息故障文字动画效果+3D漂浮流光卡片这是一款全息故障文字动画效果，基于纯CSS技术实现。标题文字带有RGB色彩分离的故障艺术风格，字母边缘会闪现出青色和紫红色的重影，模拟老式电视信号干扰的视觉感。背景卡片则笼罩着一层流动的彩色光晕...
方块射击小游戏
基于 Canvas 打造的赛博像素风图形射击互动 HTML 小游戏这是一款赛博复古风格的太空射击小游戏，三角形可以发射子弹射击下落的四边形，发生撞击会掉生命值，击中物体会有彩色粒子散射动画效果。这款游戏基于 HTML5 Canvas + JavaScript ...
跑酷小游戏
轻量化 HTML5 Canvas 像素风像素马沙漠跑酷小游戏这是一款复古像素跑酷互动小游戏，基于 HTML5 Canvas 技术实现。它完美复刻了 8-Bit 时代的视觉美学，利用画布实时渲染像素马、仙人掌等元素，并辅以细腻的 CRT 扫描线效果，在极简...
转场动效
JS+SVG 驱动的 Halftone 半调网点创意揭幕动效这是一款极具视觉冲击力的创意动效，基于 JS 与 SVG 技术协同实现。它借鉴了经典报纸印刷中的“半调网点（Halftone）”工艺，通过动态控制成千上万个矢量圆点的尺寸缩放，实现从局部到整体的...
接球小游戏
硬核黑科技：纯 CSS 驱动物理碰撞实现乒乓球HTML小游戏这是一款纯 CSS 实现的碰撞检测物理游戏，基于 CSS Style Queries（样式查询）+ Keyframes（关键帧动画）技术实现。它将传统的 JavaScript 逻辑完全交由 CS...
弹出菜单栏
CSS+JS支持色彩定制化的右键弹出快捷菜单栏，双色流光边框+毛玻璃混合特效这是一款霓虹玻璃质感右键弹出快捷菜单栏，基于CSS变量与混合滤镜技术实现，通过双色调光效边框与毛玻璃背景的碰撞，打造赛博朋克风格的右键快捷悬浮菜单效果，支持通过拖拽摇杆改变色彩配置，特别适合We...
彩虹加载器
纯CSS彩虹立方体加载动画这是一款3D风格的加载效果，基于纯CSS实现，通过上下规则跳动+碰撞的彩虹色立方体块形成动态视觉，支持通过简单调整数字改变动画的运行速度，适用于游戏界面或创意型网页的等待提示场景。
曲棍球小游戏
HTML中基于Cavans实现的双人2D曲棍球比赛小游戏源码下载这是一款经典街机游戏复刻项目，基于2D物理引擎技术实现，模拟真实空气曲棍球的击球手感与碰撞物理，包含双人对战模式，适用于休闲游戏网页或物理交互演示场景。
粒子背景
支持参数调节的Canvas彩色粒子碰撞特效背景动画，可与鼠标交互，趣味性十足这是一款基于 Canvas + JavaScript 技术实现的动态粒子运动系统，模拟粒子间物理碰撞与色彩混合，产生迷幻视觉效果，并且支持与鼠标的交互，趣味性十足。适用于音乐可视化、艺术网站或实...
碰拳图标
表达礼仪及力量感的 SVG 拳头碰撞🤜💥🤛动画图标源码下载这是一款拳头碰撞SVG动画效果，基于SVG和CSS技术实现，通过动态的拳头碰撞交互效果展示力量感，适用于游戏、体育、社交或互动性强的视觉场景。