流体文字
基于SVG滤镜实现的流体文本融化字特效这是一款流体文本融化效果,基于CSS+SVG滤镜技术实现,它能让原本生硬的网页常规字体呈现出如同冰淇淋融化或粘稠流体般的趣味边缘质感,适用于潮流电商Banner、创意工作室官网、个性化主页以及需...
发送按钮动画
发送按钮液体熔融动画过渡效果(CSS+JS+SVG)这是一款带有 Goo 液态熔融效果的发送按钮交互动效,基于 CSS+JavaScript+SVG 技术实现,点击纸飞机发送按钮触发丝滑的粘连形变过渡动画,自然完成从发送状态到成功状态的切换,动画...
多变液态气泡
WebGL 3D 液态玻璃超大泡泡交互变形效果,点击变换多种形态附着与页面!这是一款 3D 液态玻璃交互效果,基于 WebGL 技术(VFX-JS)实现,精准还原玻璃的透明质感、彩虹色散与高光反射效果,点击泡泡可触发自然流畅的 3D 液态变形动画,视觉表现力极强。适用于...
玻璃质感导航栏
苹果风液态玻璃导航栏交互效果(CSS+JS),明暗双主题网页导航组件这是一款苹果风液态玻璃质感导航栏交互效果,基于 CSS+JS 技术实现,适配明暗双主题模式,自带顺滑的菜单项切换动效与细腻的悬停微光反馈,通透的玻璃拟态视觉高级感出众,交互流畅自然,适用于品牌官...
玻璃态UI
纯 CSS 液态玻璃拟态 UI 组件套件,零依赖响应式前端 UI 开发资源这是一款纯 CSS 打造的液态玻璃拟态 UI 组件套件,基于原生 CSS 技术实现,全程零第三方依赖,无需额外引入框架即可快速上手。内置完整设计令牌系统、15 + 完成无障碍适配的常用 UI 组...
液态气泡
Liquid Glass液态玻璃气泡效果,Three.js实现的Metaball折射交互动画这是一款液态玻璃气泡效果,基于 Three.js + WebGL + Metaball 算法技术实现,模拟真实水泡的透明质感、光线折射与表面张力——气泡之间靠近时会自然"粘连融合",拖拽可实时交...
图腾文案
幻彩 2026:基于 SVG 滤镜的液态流动视觉形变设计这是一款液态流体形变(Liquid Morphing)动画,基于 SVG Filters + Canvas + three.js 技术实现。它通过数字形状的有机扭曲与色彩流动,将静态的“2026...
毛玻璃下拉框
流光溢彩:基于 HTML5 新特性+CSS滤镜自定义的“液态磨砂质感玻璃”下拉菜单组件这是一款毛玻璃液态风格下拉菜单,基于 HTML appearance: base-select + CSS 滤镜技术实现。它将传统的、枯燥的系统下拉框经过定制转化为了极具未来感的“液态玻璃”视觉...
玻璃下拉框
液态玻璃风格自定义下拉菜单组件(CSS+JS)这是一款基于CSS+JS实现的液态玻璃风格自定义下拉菜单组件,整体采用深色半透明设计,搭配柔和光晕和轻微动态反馈,视觉上轻盈通透,切换选项时会以流体般的丝滑动画衔接,代替了普通下拉菜单的生硬跳转...
流动水珠
CSS+SVG液态玻璃水珠装饰文本效果这是一款纯HTML+CSS+SVG实现的“液态水珠”文本装饰效果,通过巧妙的渐变、阴影和变形动画模拟出真实业态水珠效果,文字仿佛悬浮在透明液滴中,鼠标点击产生自然波动,通过拖拽右下角可以将水滴分...
玻璃背景时钟
液态玻璃风格实时数字时钟(SVG+CSS)这是一款液态玻璃实时数字时钟效果,基于 SVG 滤镜 + 遮罩技术实现,它把实时数字时钟做成了带流体质感的 “液态玻璃” 样式,数字会呈现动态的流体扭曲效果,背景是SVG+webm视频素材实现;...
玻璃UI界面
苹果液态玻璃(Liquid Glass)UI 效果:iOS 26 标志性通透界面这是一款仿iOS 26“液态玻璃”(Liquid Glass)风格的UI视觉效果,基于现代CSS与模糊滤镜技术实现。图标和控件悬浮于背景之上,通过半透明蒙层、轻微模糊和边缘高光,营造出如玻璃般通...