流动 ← 返回作品
02 · UI 设计

玻璃面板

液态玻璃组件库——用 backdrop-filter 与 mask-composite 构建的半透明悬浮面板系统,在深色背景上呈现通透、折射、有呼吸感的界面。

通知卡片

悬浮于内容之上,透出背景的模糊影像

glass card

模态弹窗

50px 高斯模糊 + 渐变发光边框

glass modal

液态玻璃按钮组

玻璃按钮与实心按钮形成材质对比,悬停时背景微微提亮

侧边栏

导航栏滚动时自动增加模糊强度

数据表

数据行悬停时玻璃质感增强

50px
模糊半径
1.4px
边框厚度
6
组件类型