3D 穿透轮播效果
实现 3D 穿透式鼠标跟随图片滚动轮播效果(HTML+CSS+JS )这是一款极具创意的 3D 穿透式图片滚动轮播效果,基于 HTML+CSS+JavaScript 技术实现,利用 CSS 3D 变换打造分层空间感,图片流从悬浮的文字卡片后方自然穿透而过,支持鼠标...
粒子动画
Canvas 粒子图片动画 | 鼠标交互噪声场动态绘画效果这是一款 Canvas 粒子图片动画效果,基于 Canvas 画布 + 单纯形噪声算法实现,粒子会继承图片对应位置的像素颜色,随噪声场自然流动,支持鼠标交互影响粒子运动轨迹,粒子有生命周期循环再...
GSAP光波切换
鼠标跟随画廊效果 GSAP 光波切换自动轮播组件这是一款鼠标跟随式画廊效果,基于 GSAP 技术实现,圆形光标会跟随鼠标移动,点击切换图片时呈现自然的扩散光波过渡,闲置状态下自动轮播,交互流畅且富有氛围感,适用于摄影作品集、风景展示页、艺术画...
网格跟随鼠标生成
Canvas+GSAP 网格鼠标交互效果,网页图片鼠标跟随动态特效这是一款网格鼠标交互动态效果,基于 Canvas+GSAP 技术实现,可通过鼠标动作驱动网格元素实时响应,支持网格尺寸、渐变过渡、锚点样式等自定义调节,能为静态图片赋予灵动的沉浸式互动体验,适配...
动态粒子背景
Canvas 彩色磁力粒子星空背景,鼠标驱动的动态粒子交互系统这是一款基于原生 JavaScript 实现的动态粒子特效。满屏漂浮的彩色粒子会被鼠标持续「吸引」,靠近时自动环绕旋转,粒子之间以及与鼠标之间用色相渐变的连线实时相连,整体呈现出星座图谱般的视觉...
交互同心圆
GSAP 鼠标跟随同心圆涟漪动画效果,适用于音乐播放器 UI等场景这是一款基于 GSAP 实现的交互式同心圆动效,多层嵌套圆环随鼠标移动产生错位追随,外圈流动着蓝粉渐变光晕,内圈呈现深邃的波纹扩散感,整体像一个悬浮发光的音响或虫洞入口,视觉冲击力很强。每层圆环...
视觉粘性
GSAP 打造的超流畅光标移动图片追随动画效果这是一款极具高级感与指引性的光标跟随交互动效,基于 GSAP 动画库开发实现。它为枯燥的默认鼠标指针披上了一层“动态外衣”,通过平滑的物理插值算法,让鼠标在移动时有多张图片跟随,请注意:这里跟随...
新年主页网页
WebGPU 金粉粒子鼠标轨迹特效,奢华鼠标拖尾效果这是一款基于 WebGPU 技术的粒子动画效果。页面中的“2026”文字以闪烁的金粉轨迹炫酷入场,带来充满新年氛围的视觉惊喜。与此同时,当鼠标移动时,会拖出细腻闪耀的金色粒子轨迹,动态流畅且富有...
互动光标
WebGL 梦幻星云流体鼠标拖尾互动特效这是一款 WebGL 流体光标跟随效果,基于 WebGL 技术实现,当光标在页面上移动时,通过模拟粒子流动与光线散射,呈现出如星云般梦幻的色彩柔和、带有流动质感的烟雾光影效果,极具视觉冲击力和沉...
光标互动
WebGPU实现的光影彩色流体鼠标拖尾效果+擦除揭示动画这是一款 WebGPU 驱动的流体擦除互动动效,模拟真实液体流动与光影变化。基于 WebGPU + 前端交互逻辑实现 —— 它的流体质感细腻丝滑,响应鼠标滑动时产生自然的涟漪和色彩扩散,还能通过...
滑动切换
纯 CSS 滑动标签切换动画效果,适用于标签切换、选择栏以及导航等场景这是一款纯CSS实现的动画分段控件效果,通过伪元素和过渡动画打造“滑动切换”的视觉效果,点击任意选项时,选中状态会以平滑的方式横向移动,仿佛按钮在“滑入”当前位置,悬停时,阴影标记跟随鼠标移动。...
触手
Canvas BroadcastChannel 仿乌贼多触手鼠标跟随跨页动画效果这是一款基于Canvas与BroadcastChannel实现的“触手同步”视觉动画,多个浏览器窗口或标签页中的触手会实时联动,形成统一的动态效果。蓝色发光线条从中心球体向外延伸,模拟神经元或网...