毛玻璃生成器

调毛玻璃效果：模糊、透明度、描边与圆角

底色

模糊16px

不透明度18%

描边1px

圆角20px

预览backdrop-filter: blur(16px)

CSS

background: rgba(255, 255, 255, 0.18);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border: 1px solid rgba(255, 255, 255, 0.35);
border-radius: 20px;

毛玻璃的关键是「半透明背景 + backdrop-filter: blur()」，再加一层浅色描边模拟玻璃边缘的高光。