Glassmorphism
Efecto cristal esmerilado con backdrop-filter: ajusta opacidad, blur y borde. Copia el CSS, gratis y sin registro.
Resultado
¿Cómo usar esta herramienta?
Efecto cristal esmerilado (vidrio) con backdrop-filter.
Escribe tus datos, pulsa Generar CSS y obtén el resultado al instante. Puedes copiarlo con el botón «Copiar resultado». Todo se calcula en tu navegador: tus datos no salen de tu dispositivo.
Preguntas frecuentes
¿Cómo creo el efecto cristal?
Ajusta opacidad, desenfoque, borde y radio; pulsa Generar CSS para obtener el efecto cristal esmerilado con backdrop-filter.
¿Qué es el glassmorphism?
Es el efecto de vidrio esmerilado: un fondo semitransparente con desenfoque que deja ver lo que hay detrás.
¿Es compatible con mi navegador?
Funciona en los navegadores modernos que soportan backdrop-filter; la gran mayoría de usuarios lo verá bien.
¿Necesito registrarme para usarla?
No. Funciona al instante en tu navegador, sin cuentas ni contraseñas.
Herramientas relacionadas de Color y diseño
Neumorphism
Efecto neomórfico de relieve suave para tarjetas y botones.
Usar gratisDivisores SVG
Crea divisores de sección con ondas SVG: color, ondas y altura a tu gusto.
Usar gratisBlobs SVG
Crea formas orgánicas (blobs) SVG para fondos modernos.
Usar gratisSVG como fondo CSS
Convierte tu SVG en un data-URI listo para usar como fondo CSS.
Usar gratisComprimir SVG
Reduce el tamaño de tu SVG quitando comentarios y espacios sobrantes, sin perder calidad.
Usar gratisProbar fuente
Mira cómo se ve tu texto con distintas fuentes del sistema antes de decidir.
Usar gratis