图片切换
CSS锚点定位图片切换特效 - 摄影作品集交互展示效果这是一款基于 CSS Anchor Positioning（锚点定位）技术实现的图片切换特效。界面采用经典的摄影作品集布局：左侧是3x3的缩略图网格，右侧是大图展示区域。技术亮点在于使用了CSS...
记忆小游戏
复古记忆力挑战 HTML5 小游戏源码 - 无限循环模式箭头指示方向记忆这是一款复古风格的方向键按钮点击记忆游戏，基于 HTML + CSS + JavaScript 技术实现。界面模拟了80年代的电子游戏机外观，黑色机身配上深灰色边框，充满怀旧感。游戏设计很巧妙：...
滑块游戏
像素风数字华容道 HTML 益智小游戏源码 - 经典滑块拼图挑战这是一款像素风格的数字滑块拼图游戏，基于 HTML + CSS + JavaScript 技术实现。顶部用粉红色像素字体标注"数字华容道-滑块小游戏"，搭配纯黑背景，营造出浓郁的8bit游戏氛围...
扫雷小游戏
赛博朋克风 HTML5 + GSAP 改良创新版扫雷小游戏源码 - 霓虹网格3D视觉特效这是一款赛博朋克风格的扫雷小游戏，基于 GSAP + SVG + CSS + HTML 技术实现。游戏采用《创：战纪》(Tron)电影的经典霓虹美学，将传统扫雷游戏板呈现为带有青色发光边框的3D...
水波纹
Three.js 实现的 3D 流体水波纹交互动画效果这是一款基于Three.js组件库实现的3D流体背景特效。画面呈现出波浪状曲面，表面像丝绸般柔软起伏，背景是一张从紫色、粉色、红色、橙色到黄色自然过渡，配合白色立体文字"LIQUID EFFEC...
推箱子小游戏
复古像素风格经典推箱子 HTML5 益智小游戏这是一款经典推箱子游戏的网页版，基于HTML+JavaScript+CSS技术实现。游戏做成了老式掌机的样子，灰色机身配黑色屏幕，下方还有实体按键式的方向键和功能按钮，满满的怀旧感。玩法就是经典...
卡通小熊
纯 CSS 绘制的抱心小熊卡通插画这是一款纯CSS手绘风格插画效果，基于CSS艺术绘制技术实现。画面展示了一只白色的Q版小熊双手抱着粉色爱心，圆圆的耳朵、水汪汪的大眼睛、腮红和张开的笑嘴，整体造型走的是治愈系可爱路线。技术上完全...
开关切换按钮
CSS 字母缩放创意开关切换按钮这是一款创意开关切换动效，基于CSS动画技术+React实现。核心亮点是把传统的toggle开关巧妙地融入到"on/off"文字中——左边的椭圆开关本身就充当了字母"O"，圆形滑块在上下滑动时，...
逻辑解密小游戏
熄灭所有灯光益智烧脑 HTML5 小游戏源码这是一款经典的"熄灯小游戏"，基于CSS+JavaScript+HTML技术实现。游戏规则很简单：点击任意方块会切换自己和相邻方块的亮灭状态，目标是把所有亮着的橙色指示灯全部熄灭。画面设计走的是...
网格照片墙
纯 CSS 实现的响应式网格照片墙布局效果这是一款自适应网格照片墙效果，基于CSS Grid布局技术实现。画面展示了多张动物照片（包括水母、小丑鱼、鹦鹉、猫咪、红雀、海豹等）以不规则网格形式排列，不同照片占据不同大小的网格空间，中间还...
节日庆典
基于 Canvas 的 2026 治愈系企鹅交互烟花庆典动效这是一款治愈系年度庆典交互动效，基于 HTML5 Canvas 粒子系统与 CSS 布局技术实现。它以憨态可掬的企鹅（Pudgy）形象为视觉中心，通过 Canvas 实时渲染出五彩斑斓的烟花随机...
3D圣诞树
3D粒子变形圣诞树 - Three.js实现的可交互节日动画特效这是一款3D粒子变形圣诞树效果，基于Three.js技术实现，通过成千上万个发光粒子在空间中重组，配合众多流行飘落动画，营造出魔幻的节日氛围。画面里最吸引人的就是这棵由无数彩色光点构成的圣诞树，...