3D卡片特效
Three.js 3D着色器流光卡片：基于GLSL与VanillaTilt的悬停倾斜特效这是一款3D着色器环形卡片效果，基于JavaScript+Three.js+GLSL+VanillaTilt.js技术实现。它将全方位的鼠标悬停立体倾斜与底层的动态着色器光圈融为一体，当光标移入...
悬停倾斜卡片
CSS 3D卡片悬停倾斜特效：基于Vanilla-Tilt的交互式视差设计这是一款3D交互卡片视差倾斜效果，基于CSS 3D转换与vanilla-tilt.js技术实现。当鼠标在卡片上悬停移动时，整个卡片会随光标方向进行平滑的三维空间倾斜，内部的图片、文字和按钮等元素...
3D悬停视差卡片
纯CSS鼠标悬停3D视差卡片特效这是一个完全基于纯CSS（无需JavaScript）实现的3D鼠标悬停视差卡片效果。利用CSS的 :hover 伪类配合 transform 与 perspective 属性，当鼠标指针在卡片上...
艾维克斯
现代创意代理与数字工作室 HTML 响应式网站模板这款模板面向现代创意代理公司、数字工作室以及希望在视觉表达上脱颖而出的品牌团队打造，整体风格精致克制，注重设计精度与版面节奏，能够帮助创意类业务塑造具有辨识度的高级感线上形象。模板基于 Boot...
奶昔模
纯前端奶昔品牌创意高级感 HTML 响应式着陆页，带丰富动态交互效果这是一款奶昔品牌创意着陆页效果，基于纯 HTML、CSS 与原生 JavaScript 技术实现，无需任何框架和第三方依赖。页面采用当下流行的潮流深色主题，集成了可拖动产品展示滑块、顶部循环跑马...
GSAP光波切换
鼠标跟随画廊效果 GSAP 光波切换自动轮播组件这是一款鼠标跟随式画廊效果，基于 GSAP 技术实现，圆形光标会跟随鼠标移动，点击切换图片时呈现自然的扩散光波过渡，闲置状态下自动轮播，交互流畅且富有氛围感，适用于摄影作品集、风景展示页、艺术画...
交互同心圆
GSAP 鼠标跟随同心圆涟漪动画效果，适用于音乐播放器 UI等场景这是一款基于 GSAP 实现的交互式同心圆动效，多层嵌套圆环随鼠标移动产生错位追随，外圈流动着蓝粉渐变光晕，内圈呈现深邃的波纹扩散感，整体像一个悬浮发光的音响或虫洞入口，视觉冲击力很强。每层圆环...
验证码输入框
极简安全验证：流畅自动跳转的 6 位数字验证码（OTP）输入组件（CSS+JS）这是一款极简主义风格的验证码（OTP）输入组件，基于 HTML + CSS + JavaScript 技术实现。它采用了典型的 6 位数字验证逻辑，界面布局清晰，能够引导用户快速完成账户验证流程...
视觉粘性
GSAP 打造的超流畅光标移动图片追随动画效果这是一款极具高级感与指引性的光标跟随交互动效，基于 GSAP 动画库开发实现。它为枯燥的默认鼠标指针披上了一层“动态外衣”，通过平滑的物理插值算法，让鼠标在移动时有多张图片跟随，请注意：这里跟随...
互动光标
WebGL 梦幻星云流体鼠标拖尾互动特效这是一款 WebGL 流体光标跟随效果，基于 WebGL 技术实现，当光标在页面上移动时，通过模拟粒子流动与光线散射，呈现出如星云般梦幻的色彩柔和、带有流动质感的烟雾光影效果，极具视觉冲击力和沉...
光标互动
WebGPU实现的光影彩色流体鼠标拖尾效果+擦除揭示动画这是一款 WebGPU 驱动的流体擦除互动动效，模拟真实液体流动与光影变化。基于 WebGPU + 前端交互逻辑实现 —— 它的流体质感细腻丝滑，响应鼠标滑动时产生自然的涟漪和色彩扩散，还能通过...
鼠标操控绳子
GSAP+SVG实现线条随鼠标晃动，松开线条弹性抖动效果这是一款 GSAP+SVG 光标跟随线条抖动效果，基于 GSAP 动画库与 SVG 技术实现，页面中央横放着一条渐变绳子，会跟随鼠标光标的移动产生自然的跟随抖动动画，适用于极简风格网页的装饰元素...