Generador de Glassmorphism CSS

Crea efectos de cristal esmerilado con backdrop-filter blur, transparencia y bordes sutiles.

Controls
Preview
Preview
CSS Code
/* Select controls above */

Preguntas frecuentes

¿Qué es glassmorphism?

Glassmorphism es una tendencia de diseño que crea efectos de cristal esmerilado usando desenfoque de fondo, transparencia y bordes sutiles para un aspecto translúcido.

¿backdrop-filter es compatible en todos los navegadores?

backdrop-filter es compatible con todos los navegadores modernos. Se incluye el prefijo -webkit- para compatibilidad con Safari.

¿Qué hace un buen glassmorphism?

Usa opacidad sutil (0,1-0,3), desenfoque moderado (8-16px), un borde fino semitransparente y un fondo colorido detrás del elemento de cristal.