SVG路径动画
滚动绘制路线地图 GSAP 特效｜左右分屏可全屏展开的活动页 HTML 源码左图右文的活动页：向下滚动时地图上的路线一段段画出来，镜头始终跟住笔尖平移，中途还会推近再拉远，可一键展开全屏。
流体背景动画
WebGL2着色器流体六边形彩色发光 Hero 背景效果源码Domain warping 噪声 + 六边距离场生成流动六边彩色发光背景，鼠标位置扭曲画面，标题带 conic 渐变虹光。
WebGL图片展示
Three.js无限画廊 3D 隧道式图片展示特效3D隧道式无限图片长廊，拖动穿行、点击看大图，任意比例图片自动适配不变形。Three.js+GSAP实现，适合作品集与数字展厅。
故障风单选按钮
赛博故障风单选按钮（SVG滤镜+GSAP霓虹动效）这是一款赛博朋克故障风格的单选按钮组，基于 SVG 滤镜与 GSAP 动画实现。深色底上是一排霓虹绿的选项标签，鼠标悬停时背后的扫描线开始滚动并明暗闪烁，像老式显像管屏幕；选中某项时，粉色与青绿...
GSAP首屏动画
营销官网首屏模板（GSAP便当格布局+数字滚动动效）这是一款营销代理公司风格的首屏页面模板，基于 HTML+CSS 与 GSAP 动画库实现。进场时顶栏、导航、标题逐词弹出，副标题与按钮依次浮现，随后下方便当格（Bento Grid）卡片错落入场...
Canvas解结游戏
解结（拖点消交叉益智 HTML 小游戏）这是一款极简风格的解结益智HTML小游戏，基于 Canvas 2D 绘制、原生 JavaScript 与 GSAP 动画实现。屏幕上散布着由线段相连的圆点，初始状态线条彼此交错；玩家逐个拖动圆点...
Bento网格布局
CSS Grid九宫格图片墙，GSAP Flip 鼠标悬停自动缩放布局这是一款便当格栅（Bento Grid）悬停变形特效，基于 GSAP Flip 插件 + CSS Grid 技术实现。九宫格图片墙中，鼠标移到任意一张图上，整个网格的行列比例会即时重排，该图放大...
Logo开场动画
SVG Logo 动画特效 GSAP路径绘制+文字滑入演绎这是一款 SVG Logo 徽标动画，基于 SVG + GSAP（含 MotionPath 路径动画插件）技术实现，主题是「viewBox」这一 SVG 核心概念的可视化演示。动画一气呵成：先是...
横向滚动轮播
GSAP 横向滚动 3D 卡片轮播：Coverflow 立体展示区这是一款横向滚动 3D 卡片轮播效果，基于 HTML+CSS+JavaScript（GSAP + ScrollTrigger）实现。玩法是"用竖向滚轮驱动横向浏览"：页面滚到该区块时把它钉在屏...
动态海浪背景
冲浪天气预报网页模板：SVG 动态海浪+潮汐图表+七天预报这是一款冲浪状况报告页效果，基于 HTML+CSS+SVG+JavaScript（GSAP ScrollTrigger）实现。首屏的海浪不是画好的图片，而是用多组正弦波叠加实时算出来的路径：振幅...