液态气泡
Liquid Glass液态玻璃气泡效果,Three.js实现的Metaball折射交互动画这是一款液态玻璃气泡效果,基于 Three.js + WebGL + Metaball 算法技术实现,模拟真实水泡的透明质感、光线折射与表面张力——气泡之间靠近时会自然"粘连融合",拖拽可实时交...
玻璃UI界面
苹果液态玻璃(Liquid Glass)UI 效果:iOS 26 标志性通透界面这是一款仿iOS 26“液态玻璃”(Liquid Glass)风格的UI视觉效果,基于现代CSS与模糊滤镜技术实现。图标和控件悬浮于背景之上,通过半透明蒙层、轻微模糊和边缘高光,营造出如玻璃般通...
模糊滤镜
SVG动态波纹图片滤镜,悬停控制滤镜暂停效果这是一款基于 SVG滤镜+ CSS技术实现的图片滤镜动画特效,为图像添加波纹、扭曲等动态滤镜,悬停时暂停动画,适用于创意相册、作品集展示等视觉交互场景。
玻璃卡片
GSAP+SVG高性能玻璃质感银行卡等卡片效果这是一款优化性能的玻璃卡片效果,基于SVG和GSAP技术实现。案例中实现的一张玻璃质感透明的visa银行卡片。为了确保出色性能,此效果并未使用SVG模糊滤镜,而是采用了一张经过模糊处理的JPG图...