玻璃拟态 / 新拟物风格生成器

在浏览器中设计玻璃拟态或新拟物风格的 CSS 效果。

风格

预览

模糊程度: 10px

底色

#ffffff

背景不透明度: 0.25边框不透明度: 0.40圆角: 16px

CSS 代码

background: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 16px;