✨ CSS 渐变与玻璃拟态代码生成器
设计线性、径向 CSS 渐变和现代半透明玻璃拟态卡片效果，支持实时预览与一键复制代码。完全免费。
渐变控制
#3b82f6
#8b5cf6
👁️ 实时交互预览
玻璃拟态卡片
此卡片实时展示背景模糊、透明度和渐变的组合效果。
background: linear-gradient(135deg, #3b82f6, #8b5cf6);
❓ 常见问题
CSS 中的玻璃拟态模糊效果如何实现？
玻璃拟态通过 backdrop-filter: blur(px)、轻微半透明的白色或黑色背景及细薄透明边框，实现现代磨砂玻璃效果。
生成的 CSS 样式兼容浏览器吗？
兼容。生成代码既包含标准属性，也包含 -webkit- 背景滤镜前缀，以兼容旧版 Safari 和 iOS Safari。
可以复制原始 CSS 声明和完整类规则吗？
可以。你可一键复制生成的 CSS 声明，直接用于 CSS 文件、Tailwind 样式或行内 style 属性。
