Por que é útil esta ferramenta
Axusta un panel de navegación esmerilado ou unha superposición mantendo unha alternativa explícita e revisando o efecto antes de que entre nun sistema de deseño de produción.
Deseño e CSS · execútase localmente
Xerador de glassmorphism CSS accesible
Compón un panel translúcido con cor de reserva, desenfoque do fondo, bordo, radio e valores de sombra mentres previsualizas o contraste sobre un fondo local controlado.
Listo. Os teus datos de traballo permanecen neste navegador.
Como funciona
O navegador converte unha cor hexadecimal validada en canles alfa acoutadas, xera declaracións de desenfoque con prefixo e estándar e nunca envía fóra as opcións da paleta.
Exemplo práctico
Vista previa dun panel azul mariño escuro cunha opacidade do 24 por cento, 18 píxeles de desenfoque e un bordo branco sutil para unha barra de ferramentas flotante lexible.
Validación
O cálculo é determinista e explica os erros de validación en lugar de cambiar silenciosamente a entrada inválida.
Límite de privacidade
A entrada e a saída permanecen nesta pestana. A copia e a descarga realízanse a través das APIs do navegador sen subir datos a un servidor.
Pasaporte de resultado
Cada execución informa do seu modo de ferramenta, marca temporal e tamaño de entrada/saída para que os datos transformados poidan ser auditados.