8 位像素网球游戏
复古 8 位像素网球对战小游戏,竖版移动端 CPU 对战网页小游戏这是一款竖版移动端优先的复古 8 位像素网球游戏,基于前端网页技术实现,还原 NES 时代经典像素质感,搭配扫描线滤镜与芯片音乐音效,支持完整网球专业计分规则,提供移动端滑动、桌面端方向键双操作...
发光内核 3D 动画
Three.js 行星内核能量流动可视化 发光脉络 3D 交互动画这是一款行星内核能量流动 3D 交互可视化效果,基于 Three.js 与自定义 GLSL 着色器技术实现,呈现数千条动态能量脉络从表面向核心汇聚的震撼视觉,支持轨道视角自由控制、多主题色彩一键...
悬停视差倾斜卡片
霓虹玻璃质感 3D 交互卡片效果,支持悬停视差与多语言布局这是一款霓虹玻璃质感 3D 交互卡片效果,基于 CSS 3D 变换与语义化 HTML 技术实现,包含 6 种差异化设计风格,支持悬停视差倾斜、轮播切换、多语言 RTL 布局,适配全设备尺寸并遵循...
GSAP 异步加载动画
GSAP+SVG 实现丝滑异步加载器,电商下单与删除按钮状态动画这是一款基于 HTML+CSS+JavaScript+GSAP+SVG 技术实现的高品质异步加载器效果,专为电商按钮交互设计,提供购买成功和删除失败两套完整的状态动画流程。无论异步操作时长如何变...
3D 穿透轮播效果
实现 3D 穿透式鼠标跟随图片滚动轮播效果(HTML+CSS+JS )这是一款极具创意的 3D 穿透式图片滚动轮播效果,基于 HTML+CSS+JavaScript 技术实现,利用 CSS 3D 变换打造分层空间感,图片流从悬浮的文字卡片后方自然穿透而过,支持鼠标...
3D 网格隧道效果
HTML+Canvas+WebGL 实现沉浸式 3D 网格隧道光影穿梭效果这是一款沉浸式 3D 网格隧道穿梭视觉效果,基于 HTML+Canvas+WebGL 着色器技术实现,重点打磨了真实的光影渲染效果,呈现无限延伸的深邃空间体验。支持播放 / 暂停控制,暂停状态下...
纯 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 条独立的水平图片带组成,每条以不同速度持续无限滚动,自然形成层次分明的视差效果;支持鼠标滚轮、...