Gratis · Design e CSS
Generatore CSS Liquid Glass.
Crea pannelli in stile Liquid Glass di Apple in CSS: sfocatura, saturazione, tinta, riflessi sui bordi, ombra e rifrazione SVG facoltativa, con anteprima dal vivo.
Loading the calculator…
Come usare questo strumento: Generatore CSS Liquid Glass
Inserisci i dati o scegli il file. Regola le opzioni, genera il risultato e controllalo prima di copiarlo o scaricarlo.
Limiti e formati supportati
I dati vengono elaborati sul tuo dispositivo.
Note tecniche in inglese
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.