Canvas解结游戏
解结（拖点消交叉益智 HTML 小游戏）这是一款极简风格的解结益智HTML小游戏，基于 Canvas 2D 绘制、原生 JavaScript 与 GSAP 动画实现。屏幕上散布着由线段相连的圆点，初始状态线条彼此交错；玩家逐个拖动圆点...
CSS 3D开箱动画
无限开箱动画（CSS 3D套盒循环特效）这是一款无限循环的 3D 开箱动画，基于 CSS 3D 透视与原生 JavaScript 实现。盒盖先翻开 270 度，四面箱壁随后依次向外倒下，露出里面更小的一只盒子，紧接着又开始新一轮开启—...
CSS 3D火柴盒
纯CSS 3D火柴盒（可拖拽旋转的复古模型）这是一款可交互的 3D 复古火柴盒模型，基于 HTML+CSS 3D 变换与原生 JavaScript 实现。盒身由多个立体面拼搭而成，覆上噪点纸纹与木纹渐变，还原纸板的粗糙手感；侧面磷面带有排...
分数练习
分数切割数学 HTML5 小游戏（原生JS+SVG互动练习）这是一款考验分数直觉的切圆小游戏，基于原生 JavaScript + SVG 技术实现。屏幕给出目标分数（如 1/3、3/8），玩家转动切割线，凭手感在圆盘上切下对应的一块；落刀后圆盘会按分母自...
邮票锯齿边框效果
纯CSS邮票效果（mask遮罩齿孔边框）这是一款仿真邮票展示效果，基于纯 CSS 技术实现。核心思路是用 SVG 路径作为遮罩，把图片裁出邮票经典的锯齿边缘；再叠加白色边框与伪元素文字，自动生成国名与面值，无需切图或额外标签。齿孔为矢...
玻璃破碎效果
黑镜风格标题碎裂动画（CSS+SVG 玻璃破碎特效）这是一款黑镜风格的标题破碎开场动画，基于纯 CSS + SVG 技术实现。标题文字在黑色背景中缓缓放大、轻微抖动并逐渐虚化，营造出屏幕即将崩坏的紧张感；随后一声"脆响"般的瞬间，文字被裁切成三块...
在线PS
在线PS源码下载，仿Photoshop网页图像编辑器，纯JS实现图层与滤镜这是一款仿 Photoshop 界面的网页图像编辑器，基于 HTML + CSS + 原生 JavaScript 技术实现，无任何第三方库。界面高度还原专业修图软件的操作布局：顶部菜单栏与工具选...
3D卡片轮播
3D 分层视差卡片轮播 HTML 组件，支持滑动与键盘切换这是一款分层视差 3D 卡片轮播特效，基于 HTML + CSS 3D + 原生 JavaScript 与 SVG 渐变波浪实现，不依赖任何框架。每张卡片由背景层、边框层、内容层叠加而成：鼠标...
Bento网格布局
CSS Grid九宫格图片墙，GSAP Flip 鼠标悬停自动缩放布局这是一款便当格栅（Bento Grid）悬停变形特效，基于 GSAP Flip 插件 + CSS Grid 技术实现。九宫格图片墙中，鼠标移到任意一张图上，整个网格的行列比例会即时重排，该图放大...
图片打点工具
图片标记点坐标映射工具，跨裁切比例自动换算JSON这是一款图片标记点坐标映射工具，基于 HTML5 Canvas + 原生 JavaScript + CSS 技术实现，用于解决同一张图在不同裁切比例下标注点错位的问题。上传图片后，在画面上点击即...
Logo开场动画
SVG Logo 动画特效 GSAP路径绘制+文字滑入演绎这是一款 SVG Logo 徽标动画，基于 SVG + GSAP（含 MotionPath 路径动画插件）技术实现，主题是「viewBox」这一 SVG 核心概念的可视化演示。动画一气呵成：先是...
3D图片轮播
抽屉式 3D 图片轮播特效 React + Motion 弹性切换相册这是一款抽屉式 3D 图片轮播特效，基于 React + Motion 动画库 + Tailwind CSS 实现。图片如文件柜中的卡片般侧立排列，通过 3D 透视与旋转营造纵深层次；点击任意一...