Glassmorphism 与 Neumorphism CSS 生成器

通过实时预览和滑块生成现代玻璃风与软 UI 效果，并复制干净的 CSS。

玻璃效果预览

背景颜色

强调颜色

圆角半径 (28px)

阴影模糊 (26px)

背景模糊 (18px)

透明度 (22%)

阴影距离 (12px)

CSS 代码

background: rgba(255, 255, 255, 0.22);
border-radius: 28px;
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
border: 1px solid rgba(255, 255, 255, 0.37);
box-shadow: 0 18px 26px rgba(15, 23, 42, 0.16);

分享工具