CSS 磨砂玻璃特效 (Glassmorphism)
CSS Glassmorphism 生成器
- 所有处理均在您的浏览器中完成 — 文件绝不离开您的设备。
- 完全免费，无需注册、账号或使用限制。
- 可在任何现代浏览器中使用，包括移动设备。
About this tool
CSS 磨砂玻璃特效帮助设计师和前端开发人员使用 CSS backdrop-filter、边框半透明和深度阴影制作现代磨砂玻璃 UI 组件。
How to use
- 调整模糊半径、不透明度、边框宽度和边框不透明度。
- 在彩色网格渐变和深色背景上测试磨砂卡片效果。
- 自定义基础卡片色调和边框半径。
- 点击「复制 CSS」以复制跨浏览器的 backdrop-filter 规则。
FAQ
此 CSS 在 浏览器 和移动浏览器上有效吗？
是的！输出包含 backdrop-filter 和 -webkit-backdrop-filter 供应商前缀，完全支持 浏览器、iOS 和 浏览器内核。
什么是玻璃拟态？
玻璃拟态是一种 UI 设计趋势，其特征是背景模糊、半透明分层表面、微妙边框和鲜明的背景对比。