互动光标
WebGL 梦幻星云流体鼠标拖尾互动特效这是一款 WebGL 流体光标跟随效果，基于 WebGL 技术实现，当光标在页面上移动时，通过模拟粒子流动与光线散射，呈现出如星云般梦幻的色彩柔和、带有流动质感的烟雾光影效果，极具视觉冲击力和沉...
光标互动
WebGPU实现的光影彩色流体鼠标拖尾效果+擦除揭示动画这是一款 WebGPU 驱动的流体擦除互动动效，模拟真实液体流动与光影变化。基于 WebGPU + 前端交互逻辑实现 —— 它的流体质感细腻丝滑，响应鼠标滑动时产生自然的涟漪和色彩扩散，还能通过...
滚动卡片
GSAP立体光影卡片滚动轮播效果，让内容展示更有层次感这是一款滚动卡片轮播效果，基于 GSAP 、ScrollTrigger技术实现，滑动鼠标或者拖动卡片切换时，通过径向渐变模拟卡片的光影变化，让卡片在滚动切换时呈现出立体感和层次感，视觉上更接近真...
定制单选框
创意霓虹弹性单选按钮效果 - 基于SVG与GSAP的炫酷交互设计这是一款借助 GSAP（GreenSock Animation Platform）与 SVG 技术实现的弹性霓虹单选按钮效果。按钮带有霓虹般的光影效果，选中时还会呈现出灵动的弹性动画，伴随渐变...
光影卡片
CSS+JS实现动态3D光影跟随鼠标在卡片边框上的移动效果这是一款卡片阴影边框动效果附带鼠标跟随光影变化动效，基于 CSS 与 JS 技术实现，当鼠标在卡片上或者围绕卡片移动时，光影会随之灵动变化，能为页面增添交互感与视觉活力，这种效果适用于各种需要增...
3D科技屋
纯CSS打造的3D未来科技动感房间，支持360度拖拽预览这是一款3D充满未来感的房间预览效果，基于纯CSS技术实现。以暗色调为主，通过巧妙的色彩搭配和光影效果，营造出一个充满科技感和现代感的空间。其中包含床铺、操控台等设施，整个房间支持通过鼠标或者触...
家庭影院
CSS+JS动态家庭影院立体界面3D空间这是一款动态家庭影院界面，基于CSS+JS技术实现，包括可调节节目的大电视和两个大音响，通过交互式控件和视觉反馈模拟影院环境的光影与播放控制，适用于流媒体平台、智能家居系统及多媒体应用场景。
动态轮盘
CSS模拟轮盘加载动画效果，适用于加载状态或等待指示场景这是一款轮盘加载动画效果，基于纯CSS技术实现，轮盘以动态旋转的方式展示加载状态，伴随流畅的动画和光影效果，适用于加载状态或等待指示场景。
可控台灯
纯CSS可自由调控的皮克斯台灯动画效果，支持扭动与跳跃的「顽皮跳跳灯」这是一款纯CSS实现的皮克斯台灯效果，基于CSS技术模拟皮克斯经典台灯的造型，包括灯座、灯臂和灯罩的细节，结合光影效果，展现出逼真的3D视觉效果，并且设置了调控面板可实时调控参数达到灯臂360度...
球在网格中滚动
纯CSS球体在3D彩色起伏网格中来回滚动动画效果这是一款彩色网格上的3D球体滚动动画效果，基于纯CSS技术实现，球体在动态起伏变化的彩色网格背景上来回滚动呈现立体感和光影效果，同时球体可以旋转或悬浮，营造出科技感和视觉吸引力，适用于创意展示或...