图片工具

玻璃拟态 CSS 生成器

在线免费生成玻璃拟态 CSS，支持实时预览和参数调整

Glassmorphism

完美磨砂玻璃质感

玻璃拟态生成器

实时调参并生成 Next.js / Tailwind 通用 CSS

环境背景渐变色

玻璃不透明度0.20

模糊程度 (Blur)15px

边框高光不透明度0.40

圆角大小 (Radius)20px

生成的 CSS 代码：

background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 20px;
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2);