液态气泡
Liquid Glass液态玻璃气泡效果，Three.js实现的Metaball折射交互动画这是一款液态玻璃气泡效果，基于 Three.js + WebGL + Metaball 算法技术实现，模拟真实水泡的透明质感、光线折射与表面张力——气泡之间靠近时会自然"粘连融合"，拖拽可实时交...
实时壁纸
超写实雨滴玻璃动态壁纸生成器（WebGL+CSS）|支持日历+本地实时天气这是一款基于 WebGL + CSS Glassmorphism 技术实现的雨天玻璃模拟效果，雨滴的折射、流淌、聚合全部逼真还原，不是简单的动图，而是实时渲染的物理级视觉体验。背景支持自定义图片...
3D果肉魔方
次表面散射艺术：赋予 Web 3D 材质“生命力”的多汁果肉魔方（Canvas + WebGL）这是一款 3D 物理材质模拟动态魔方效果，支持魔方多种形态自动变化。它基于 Canvas + WebGL 技术实现，核心突破在于对「次表面散射」的细腻刻画。这种效果模拟了光线进入物体内部并发生折...
晶莹质感按钮
纯 CSS 打造的现代化毛玻璃+流光边框+悬停高亮交互按钮这是一款基于 纯 CSS 技术实现的毛玻璃风格（Glassmorphism）按钮。它巧妙利用了浏览器的底层滤镜属性，将背景的色彩与按钮表面的半透明磨砂感融为一体，边框有微光略过，悬停高亮动效，是...
首屏3D动画
用 WebGL 打造的沉浸式折射晶体玻璃态动画 Hero 首屏布局这是一款 WebGL 折射晶体玻璃态 Hero 首屏区域 3D 动画效果，基于 WebGL+GLSL 着色器技术实现，通过光线追踪渲染出晶莹剔透的折射晶体场景，搭配玻璃拟态风格的UI元素，营造出...
水下光影背景
水下动态光影背景登录表单 - CSS3渐变打造的深海氛围背景这是一款以水下光影动画效果为背景的登录表单，基于CSS3渐变与动画技术实现，通过动态光线模拟海底阳光折射动画效果，适用于潜水类网站、海洋主题项目等需要沉浸式视觉体验的场景。
3D宝石展示
Three.js宝石透镜3D光学模拟器，360度拖拽展示珠宝细节这是一款宝石透镜3D渲染效果，基于three.js技术实现，通过光线折射模拟凸圆形宝石的透光质感，支持三维空间360度旋转展示物品的细节，适用于珠宝展示或材质研究场景。