Glassmorphism

毛玻璃风格 UI 设计

什么是 Glassmorphism?

Glassmorphism(毛玻璃风格)是一种现代 UI 设计趋势,通过半透明背景、模糊效果和微妙的边框, 创造出类似磨砂玻璃的视觉效果。这种设计风格让界面元素看起来轻盈、现代且富有层次感。

了解更多

半透明效果

使用 rgba 颜色和 backdrop-filter 实现半透明毛玻璃效果

🎨

模糊背景

backdrop-filter: blur() 让背景产生柔和的模糊效果

💎

精致边框

微妙的白色边框增强玻璃质感,提升视觉层次

交互体验

尝试将鼠标悬停在卡片和按钮上,感受玻璃态元素的动态效果。 这种设计不仅美观,还能提供良好的用户交互反馈。

提交 取消