Grátis · Design e CSS
Gerador CSS de Liquid Glass.
Crie painéis no estilo Liquid Glass da Apple em CSS: desfoque, saturação, tonalidade, brilho nas bordas, sombra e refração SVG opcional, com pré-visualização ao vivo.
Loading the calculator…
Como usar esta ferramenta: Gerador CSS de Liquid Glass
Insira os dados ou escolha o arquivo. Ajuste as opções, gere o resultado e confira antes de copiar ou baixar.
Limites e formatos aceitos
Seus dados são processados no seu dispositivo.
Notas técnicas em inglês
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.