免费 · 设计与 CSS
Liquid Glass CSS 生成器.
用 CSS 制作 Apple 风格的液态玻璃面板：模糊、饱和度、色调、边缘高光、阴影和可选的 SVG 折射效果，并可实时预览。
Loading the calculator…
使用方法: Liquid Glass CSS 生成器
输入数据或选择文件，调整设置并生成结果。复制或下载之前，请检查结果。
限制与支持格式
输入内容在您的设备上处理。
英语技术说明
Refraction works in Chromium only; other browsers keep the blur. Everything is calculated in your browser; nothing you type is uploaded.
backdrop-filter blurs and saturates what is behind the element; inset shadows draw the bright and dark edges; an optional SVG feDisplacementMap bends the background.
The “iOS 26 style” preset gives a 28 px card with blur(14px) saturate(180%), a 12 % white tint and a bright top edge.