Generador de CSS glassmorphism — gratis y en línea
Viste ese bonito efecto de vidrio esmerilado en una web — una tarjeta algo borrosa y translúcida sobre un fondo de colores — y lo quisiste para tu propia página. Pero ajustar el CSS a mano significa adivinar números y recargar una y otra vez. Añadimos una herramienta gratuita que lo hace por ti — Glassmorphism CSS Generator — directamente en tu navegador.
Qué hace
Mueves unos cuantos controles para ajustar el desenfoque, la transparencia, el color del tinte, el borde, el redondeo de las esquinas y la saturación. La tarjeta de vidrio esmerilado se actualiza en vivo sobre un fondo de colores, así ves exactamente cómo queda mientras trabajas. Cuando te gusta, copias el CSS.
Nada sale de tu dispositivo
Todo funciona en tu navegador. No se sube nada ni se guarda nada en un servidor. Solo juegas con los controles en tu propia pantalla, y el resultado se queda contigo.
Cómo usarla
- Abre Glassmorphism CSS Generator y mueve los controles de desenfoque, transparencia, tinte, borde, redondeo y saturación.
- Observa la tarjeta sobre el fondo de colores hasta que se vea como quieres.
- Copia el CSS y pégalo en tu propio proyecto.
Es gratis y sin límite. Hay más herramientas pequeñas en la página de Apps.