纯 CSS 计数器
纯 CSS 实现多块变化组合模块化数字计数器效果这是一款七段数码管风格的模块化计数器效果，纯 CSS 技术实现，无需任何 JavaScript 代码，通过控制 12 个左右的独立矩形模块的显示与隐藏来切换 0-9 数字的变化，结构清晰易扩展，...
超级马里奥网页版
HTML+Canvas 实现经典超级马里奥 1-1 复刻网页小游戏这是一款经典超级马里奥复刻游戏效果，基于 HTML+Canvas 技术实现，高度还原原版 1-1 关卡的像素画风与核心玩法，支持角色移动跳跃、收集金币、躲避蘑菇敌人等操作，浏览器直接打开即可游玩...
粒子动画
Canvas 粒子图片动画 | 鼠标交互噪声场动态绘画效果这是一款 Canvas 粒子图片动画效果，基于 Canvas 画布 + 单纯形噪声算法实现，粒子会继承图片对应位置的像素颜色，随噪声场自然流动，支持鼠标交互影响粒子运动轨迹，粒子有生命周期循环再...
logo 品牌墙
CSS 无限跑马灯效果 | 悬停变速多行 logo 滚动组件这是一款纯 CSS 实现的无限跑马灯效果，支持多行独立循环滚动，鼠标悬停时可智能控制滚动速度，无需 JavaScript 即可流畅运行，性能优异，适用于合作伙伴 logo 墙、品牌展示、客户案例...
可旋转 3D 效果
3D 几何光环效果 | Three.js 科技感可旋转 3D 动画组件这是一款 3D 几何光环效果，基于 Three.js+UnrealBloom 辉光特效技术实现，半透明线框立方体搭配多色渐变发光环绕环，支持鼠标拖拽自由旋转视角，背景辅以网格与粒子点缀，科技氛围...
交互图片墙
WebGL 多速度无限视差滚动效果，水平图片带批量展示（80+图片）这是一款极具视觉冲击力的无限视差滚动效果，基于 Three.js WebGL 技术实现。页面由 8 条独立的水平图片带组成，每条以不同速度持续无限滚动，自然形成层次分明的视差效果；支持鼠标滚轮、...
圆环折叠翻转
折叠翻转圆环循环动画 | React 无限循环图标切换加载效果这是一款折叠圆环循环动画效果，基于 React+CSS 动画技术实现，双色圆形拼接带丝滑折叠翻转动画，同时自动切换多种精美图标，无限循环播放，视觉精致不单调，适用于页面加载状态、按钮点击反馈、...
卡片式轮播
3D 倾斜卡片轮播效果 | 适合摄影展示的 React 平滑轮播组件这是一款 3D 倾斜卡片轮播效果，基于 React+Framer Motion 动画技术实现，中间卡片居中突出，两侧呈自然倾斜透视，切换时带丝滑过渡动画，支持箭头和底部指示器切换，适用于摄影作品...
文字乱码揭示效果
JS 文字乱码时间轴：科技感逐字揭示动画效果这是一款科技感文字乱码时间轴动画，基于 Anime.js 实现，文字会先以随机字符闪烁呈现，再逐字符平滑过渡到正确内容，支持自定义乱码字符集、字符间隔、过渡时长等核心参数，通过时间轴可精准控制多...
3D 沉浸式画廊
Three.js 实现的 5 层无限视差画廊：沉浸式 3D 滚动图片墙这是一款沉浸式 3D 无限视差画廊效果，基于 Three.js 实现，通过 5 个不同速度、透明度和缩放比例的视差层营造强烈空间纵深感，支持水平拖拽（带自然惯性）和鼠标滚轮快速浏览，图片自动循环...
粒子破碎动画
图片粒子破碎交互效果（CSS+JS+SVG）：自动提取图片主色调工具这是一款图片粒子化交互特效，基于物理引擎与 Median Cut 算法实现，上传任意图片即可分解为数千个保留原像素色彩的物理粒子，支持吹散、磁吸聚合、实时冻结三种交互模式，同时自动提取并展示图片...
小球砸物体
在 HTML 中模拟重力效果实现大铁球砸砖块动效！这是一款物理拆楼球互动效果，基于 Matter.js 物理引擎实现，真实还原重力、碰撞与物体破碎的物理规律，拖拽铁球即可撞碎彩色方块墙，支持一键重置，适合制作网页解压特效、趣味互动小游戏等场景。