光标互动
WebGPU实现的光影彩色流体鼠标拖尾效果+擦除揭示动画这是一款 WebGPU 驱动的流体擦除互动动效，模拟真实液体流动与光影变化。基于 WebGPU + 前端交互逻辑实现 —— 它的流体质感细腻丝滑，响应鼠标滑动时产生自然的涟漪和色彩扩散，还能通过...
玻璃UI界面
苹果液态玻璃（Liquid Glass）UI 效果：iOS 26 标志性通透界面这是一款仿iOS 26“液态玻璃”（Liquid Glass）风格的UI视觉效果，基于现代CSS与模糊滤镜技术实现。图标和控件悬浮于背景之上，通过半透明蒙层、轻微模糊和边缘高光，营造出如玻璃般通...
液态过渡幻灯片
GSAP液态形态过渡 3D 幻灯片切换效果，附带图片预览倒计时进度条这是一款基于 GSAP 技术打造的液态变形轮播效果，通过3D流体形态实现图片间的无缝过渡，画面如液体般流动融合，视觉冲击力强，还可通过键盘以及鼠标控制图片的切换，附带图片预览倒计时进度条。适用于...
滴落效果
创意 CSS 瓶装滴落Loading加载动画效果这是一款以瓶装液体滴落为主题的 CSS 加载动画效果，仅通过 CSS 技术实现。动画模拟了瓶子中液体缓慢滴落的过程，视觉上生动有趣，能够有效吸引用户注意力。它适用于网页加载等待场景，比如电商网站...
弹性菜单
CSS/SVG粘性果冻、液体流动效果底部导航菜单栏，具有弹性形变流动特效这是一款采用SVG滤镜和CSS动画打造的类似于果冻的粘性质感底部导航菜单，通过独特的液态形变算法实现菜单项之间的拉伸粘连效果。悬停时菜单项如液态金属般弹性拉扯，同时保持光滑的表面张力和自然回弹轨...
黏糊糊菜单项
CSS+JS毛玻璃背景粘性水滴聚集效果导航菜单 - 弹性重力交互动效！这是一款极具创意的毛玻璃背景+水滴汇聚效果的导航菜单组件，基于CSS滤镜（毛玻璃模糊）和JS重力模拟算法实现。菜单项带有粘性弹性效果，点击时像水滴聚集到一起的黏糊糊柑橘，配合半透明磨砂玻璃背景，...
液态遮罩
WebGL液态汽油花遮罩内容揭示效果，挥舞鼠标散开油渍液体关键内容逐渐显示这是一款液态内容揭示效果，基于WebGL技术实现，通过鼠标移动散开动态的液体遮罩，平滑地展示隐藏内容，适用于高端产品展示、创意网站开场等需要吸引用户注意力的场景。
滑动指示器
CSS液态新拟态滑动条温度指示器，通过流动形变模拟水波纹触控反馈这是一款新拟态液体滑块效果，基于CSS裁剪路径动画技术实现，通过流动形变模拟水波纹触控反馈，适用于高级表单控件和创意交互组件场景。
流动动画交互按钮
CSS+SVG液态流动交互动画效果创意按钮源码下载这是一款液态流动交互动画效果的按钮，基于CSS+SVG技术实现，当鼠标滑过按钮时，按钮背景呈现流动的液态动画，仿佛液体在按钮内部流动，具有独特的视觉吸引力和动态交互感，适合用于创意设计场景。
液体融合效果
CSS粘液泡泡流动融合动画效果，不依赖矩阵滤镜，实现简单！这是一款粘液流动融合效果，基于HTML5 CSS+SVG技术实现，不依赖矩阵滤镜，通过直接操作filter以及animation属性即可实现，两个彩色球体碰到一起融合为一个更大的新球体，动画过...
流动加载器
HTML中基于纯CSS实现的圆环液态流动Loading加载器效果这是一款纯CSS实现的液态加载器效果，通过CSS动画模拟液体流动的视觉效果。加载过程中，半圆环边框的部分区域会脱离边框仿佛水滴一样的液体在流动，创造出一种平滑且吸引人的动态感。整个效果仅使用CS...
流动导航效果
HTML中使用CSS实现平滑液体流动效果标签导航栏这是一款液体标签栏平滑过渡效果，基于HTML与CSS技术实现，并辅以少量原生JavaScript代码（仅用于相应切换事件），实现了标签栏在不同选项间如液体般的平滑切换效果。