光标互动

WebGPU实现的光影彩色流体鼠标拖尾效果+擦除揭示动画

这是一款 WebGPU 驱动的流体擦除互动动效，模拟真实液体流动与光影变化。基于 WebGPU + 前端交互逻辑实现 —— 它的流体质感细腻丝滑，响应鼠标滑动时产生自然的涟漪和色彩扩散，还能通过...

弹性菜单

CSS/SVG粘性果冻、液体流动效果底部导航菜单栏，具有弹性形变流动特效

这是一款采用SVG滤镜和CSS动画打造的类似于果冻的粘性质感底部导航菜单，通过独特的液态形变算法实现菜单项之间的拉伸粘连效果。悬停时菜单项如液态金属般弹性拉扯，同时保持光滑的表面张力和自然回弹轨...

流动动画交互按钮

CSS+SVG液态流动交互动画效果创意按钮源码下载

​这是一款液态流动交互动画效果的按钮，基于CSS+SVG技术实现，当鼠标滑过按钮时，按钮背景呈现流动的液态动画，仿佛液体在按钮内部流动，具有独特的视觉吸引力和动态交互感，适合用于创意设计场景。

流动加载器

HTML中基于纯CSS实现的圆环液态流动Loading加载器效果

这是一款纯CSS实现的液态加载器效果，通过CSS动画模拟液体流动的视觉效果。加载过程中，半圆环边框的部分区域会脱离边框仿佛水滴一样的液体在流动，创造出一种平滑且吸引人的动态感。整个效果仅使用CS...

流动导航效果

HTML中使用CSS实现平滑液体流动效果标签导航栏

这是一款液体标签栏平滑过渡效果，基于HTML与CSS技术实现，并辅以少量原生JavaScript代码（仅用于相应切换事件），实现了标签栏在不同选项间如液体般的平滑切换效果。