Generador de Glassmorphism CSS
Cree efectos modernos de vidrio esmerilado con CSS
Glass Settings
10px
0.25
180%
#FFFFFF
background: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(10px) saturate(180%);
-webkit-backdrop-filter: blur(10px) saturate(180%);
border-radius: 12px;
border: 1px solid rgba(255, 255, 255, 0.125);
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);Tendencia: Glassmorphism en CSS
El efecto de "vidrio esmerilado" se logra mediante la propiedad backdrop-filter. Es una estética moderna que requiere atención al rendimiento de la GPU en móviles.
Consejo:
Asegúrese de que el texto sobre el vidrio sea legible manteniendo un alto contraste de color.
Privacidad: Generación de efectos local y privada.