在线工具
🧊 玻璃拟态 CSS 生成
一键产出毛玻璃卡片样式（backdrop-filter）
backgroundrgba(255,255,255,0.18);
backdrop-filterblur(25px) saturate(140%);
border1px solid rgba(255,255,255,0.35);
border-radius20px;
box-shadow0 10px 30px rgba(4,10,40,.35), inset 0 1px 0 rgba(255,255,255,0.5);
完整类.glass{background:rgba(255,255,255,0.18);backdrop-filter:blur(25px) saturate(140%);-webkit-backdrop-filter:blur(25px) saturate(140%);border:1px solid rgba(255,255,255,0.35);border-radius:20px;box-shadow:0 10px 30px rgba(4,10,40,.35)}
结果由浏览器实时计算，仅供参考；不收集、不上传你的输入。
手机扫码直接使用
长按二维码图片可直接保存到相册
扫码直接使用该功能 全网分享
微信 / 相机扫一扫，手机上直接打开本工具；二维码图片也可以下载保存、打印或发到群里。
https://www.ai781.com/tools/box/cssglass
分享到（点一下直接分享 / 打开对应平台）
相关工具
本工具：免费，不限次数进阶 AI 工具｜按点计费｜用多少扣多少
免费工具｜免注册｜不限次数