Per què aquesta eina és útil
Ajusta un panell o superposició de navegació amb efecte glaçat mentre mantens una alternativa explícita i revises l’efecte abans que s’integri en un sistema de disseny de producció.
Disseny i CSS · s'executa localment
Generador de glassmorphism CSS accessible
Compon un panell translúcid amb color de reserva, desenfocament de fons, vora, radi i valors d'ombra mentre previsualitzes el contrast sobre un fons local controlat.
Preparat. Les teves dades de treball es mantenen en aquest navegador.
Com funciona
El navegador converteix un color hexadecimal validat en canals alfa acotats, genera declaracions de desenfocament amb prefix i estàndard, i mai envia les opcions de la paleta fora.
Exemple pràctic
Previsualitza un panell blau marí fosc amb un 24 per cent d’opacitat, 18 píxels de desenfocament i una vora blanca subtil per a una barra d’eines flotant llegible.
Validació
El càlcul és determinista i explica els errors de validació en lloc de canviar silenciosament l'entrada invàlida.
Límit de privadesa
L'entrada i la sortida es mantenen en aquesta pestanya. La còpia i la descàrrega es fan a través de les API del navegador sense pujar res a un servidor.
Passaport de resultat
Cada execució informa del mode de l'eina, la marca temporal i la mida d'entrada/sortida perquè les dades transformades es puguin auditar.