🔧
Glassmorphism 生成器
生成器与设计 · 免费在线工具
生成毛玻璃效果 CSS（模糊+透明度）。
CoderNewbie 团队
特性
12px
60%
30%
16px
20px
BG
Border
Glass
.glass {
background: #ffffff99;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid #ffffff4d;
border-radius: 16px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}backdrop-filter
包含标准和 -webkit- 前缀以实现完整浏览器支持。
Hex Alpha
透明度自动转换为 HEX alpha 通道以保持 CSS 整洁。
鲜艳背景
预览位于彩色渐变之上以展示效果。
如何使用Glassmorphism 生成器
- 1配置生成器设置（颜色、尺寸、格式等）。
- 2输入所需的文本或数据。
- 3点击生成按钮创建输出。
- 4下载或复制生成的结果。
功能特点
- ✓完全免费 — 无需注册、无订阅、无广告
- ✓完全在浏览器中运行 — 数据从不离开您的设备
- ✓快速轻量 — 即时获得结果
- ✓跨平台 — 支持桌面、平板和移动设备
常见问题
生成的内容可以商用吗？
是的，所有生成的内容（二维码、渐变、颜色）均可免费用于个人和商业用途。
支持哪些输出格式？
二维码可下载为 PNG 或 SVG，渐变生成 CSS 代码，颜色输出 HEX、RGB 和 HSL 格式。