GSAP滚动动画
GSAP 滚动穿越首屏特效 — 标题上下分离，背景图迎面推近的 Y2K 风格这是一款滚动穿越首屏效果，基于 GSAP + ScrollTrigger 实现。首屏是超粗黑体大标题压在照片上，背景是几团缓慢流动的荧光色渐变，四角有取景框式的直角标记，画面上飘着小徽章和星星，...
GSAP滚动动画
GSAP 3D 数据卡片落地页 — 滚动分屏动画与鼠标跟随倾斜布局效果这是一款 3D 数据卡片落地页，基于 GSAP + ScrollTrigger 实现。首屏是三张竖排的胶囊卡片，每张分上下两块——上面是分类名，下面列着这个方向的工具清单，背景衬着几道向外扩散的...
进度环按钮
CSS 渐变流光进度按钮 — 底部光晕描边，悬停自动涨进度这是一款渐变描边引导按钮效果，纯 CSS 实现，没有用任何 JS 动画。按钮左侧是一圈虚线进度环，中间显示完成百分比，右侧是标题、副标题和箭头，底部还透出一层柔和的彩色光晕，像是从下方打上来的灯光。
生物电特效
Three.js 生物电神经网络特效 — 点击触发脉冲传导，带实时 HUD 数据面板这是一款生物电神经网络效果，基于 Three.js + WebGL 着色器实现。黑色背景里悬着一团三维神经元结构，中心是细胞体，向四周伸出十几条树突和几条轴突，一直在缓慢自转。点击画面任意位置就...
WebGL水面特效
WebGL 交互式水面特效 — 鼠标划出真实涟漪，带焦散光斑和五套水景预设这是一款交互式水面特效，基于 WebGL2 着色器实现。整屏是一池清水，能看到水底的沙纹和阳光穿过水面投下的网状光斑，也就是常说的焦散。鼠标划过水面会推出真实的波纹，点一下就是一滴水落下，涟漪一...
液态玻璃名片
液态玻璃个人名片布局 — 可拖动缩放，CSS+SVG 实现真实折射感这是一款液态玻璃个人名片效果，用 CSS + SVG 滤镜实现，没有依赖任何框架。风景照背景上浮着一张半透明卡片，里面是头像、用户名、仓库数和粉丝数，底下一个关注按钮。
首屏Hero区特效
Three.js 玻璃折射首屏特效 — 透明扭结体扭曲大标题，随鼠标转动这是一款玻璃折射首屏效果，基于 Three.js 实现。米白底色上是三行加粗的大标题，中间悬着一个缓慢旋转的透明玻璃扭结体。它像一块真玻璃一样把背后的文字扭曲、放大、错位，边缘还会分离出彩虹色的...
液态发光球体
WebGL 流体光球着色器特效 — 七套预设配色，参数实时可调的液态发光球这是一款流体光球特效，基于 WebGL2 着色器实现。屏幕中央是一颗不断变形蠕动的发光球体，表面像流动的液体一样翻涌，边缘带着丝状的光晕，整体是那种半透明果冻质感。
开信封动画
CSS 跳舞信封开信特效 — 点击展开随机祝福语，带纸屑动画这是一款跳舞信封开信效果，用纯 CSS + 原生 JS 实现，没有用任何图片素材。页面中间是一个长了手脚和表情的卡通信封，平时就在原地扭腰摆手跳舞，旁边还飘着音符和背景色块。点一下它，封口翻开、...
3D方块城市
Three.js 体素城市生成器 — 参数随调随变，带 24 小时光影和夜间亮灯这是一款体素城市生成器，基于 Three.js + React 实现。打开就是一座俯瞰视角的方块小城——街道、楼房、停车坪、公园树木都是程序随机生成的，鼠标可以拖动旋转、缩放查看。
3D太空跑酷
1KB 代码写出的 3D 天空跑酷小游戏 — 纯 Canvas 实现，无需任何游戏引擎这是一款 3D 天空跑酷小游戏，用一个 canvas 加原生 JS 写成，没有任何游戏引擎或图片素材。玩法很简单：控制一颗彩色小球在悬空的方块跑道上一路向前，移动鼠标左右挪，点一下跳起来，掉下去...
复古 Mac 桌面
复古 Macintosh 桌面网页特效 — 纯 CSS 像素风界面，可双击打开的计算器和画板这是一款复古 Macintosh 桌面效果，用纯 HTML + CSS + 原生 JS 做的，没用任何框架。整体是老式黑白电脑的样子：点阵网格背景、像素字体、顶部菜单栏，桌面上摆着几个图标——...