CSS Glassmorphism 生成器

可视化创建玻璃拟态（Glassmorphism）效果，通过滑块实时调整毛玻璃模糊度、背景色、边框等参数，一键复制可用的 CSS 代码。

实时预览效果

🎨 主题预设：

背景模糊 (Blur)20px

背景不透明度 (Opacity)0.15

背景颜色

边框颜色

边框宽度1px

圆角 (Border Radius)20px

阴影模糊 (Shadow Blur)30px

阴影不透明度0.2

生成的 CSS 代码

拖动滑块即可看到玻璃拟态效果的实时变化，所见即所得。

生成的 CSS 代码直接复制到剪贴板，粘贴到项目中即可使用。

支持调节模糊度、不透明度、颜色、边框、圆角、阴影等完整参数。

所有效果在浏览器中渲染，无需上传任何数据。

Glassmorphism（玻璃拟态）是一种现代 UI 设计风格，特点是背景模糊（backdrop-filter: blur）配合半透明背景，创造出类似磨砂玻璃的视觉效果。它能让界面看起来轻盈、现代，同时保持内容的可读性。