动态粒子背景

Canvas 彩色磁力粒子星空背景，鼠标驱动的动态粒子交互系统

这是一款基于原生 JavaScript 实现的动态粒子特效。满屏漂浮的彩色粒子会被鼠标持续「吸引」，靠近时自动环绕旋转，粒子之间以及与鼠标之间用色相渐变的连线实时相连，整体呈现出星座图谱般的视觉...

3D堆叠边框

彩虹渐变3D框架 Frame 堆叠效果 - 基于CSS的动态层级视觉设计

这是一款基于CSS实现的3D彩虹框架堆叠动画，通过nth-child和sibling-index等选择器动态计算每层边框的颜色、深度与透明度，形成层层递进的立体视觉效果。用户可点击按钮实时添加或...

人浪效果

纯CSS实现鼠标驱动人浪欢呼动画特效，支持响应式布局

这是一款基于 CSS :has() 选择器 实现的互动人浪欢呼庆祝效果，当鼠标悬停时观众席会触发波浪式欢呼动画，完全无需JavaScript，而且还支持响应式布局，能在手机、平板以及pc等多种设...

视差滚动

纯CSS实现滚动前后两张图片产生视差分离效果

这是一款动态视觉扭曲效果，基于纯CSS实现，随着页面滚动，背景元素（一张背景图片）逐渐远去，而另一张清晰的图片被拉近，营造出两张图片分离的动态视差效果，适用于创意滚动交互或艺术展示场景。

水平滚动

GSAP实现横向滚动多图片预览效果，附带时尚的鼠标悬停以及惯性拉伸效果

这是一款水平滚动多图预览效果，伴随有滚动惯性倾斜图片拉伸效果，支持上下左右滚动鼠标驱动图片的切换，基于GSAP.js技术实现，灵感来源于Willy Brauner的网站设计，通过平滑的横向滚动展...