← Todas las herramientas de texto

Generador de glassmorphism

Crea tarjetas de efecto vidrio esmerilado con vista previa en directo y copia el CSS.

  • Gratis
  • Sin registro
  • Funciona en cualquier dispositivo

Acerca de Generador de glassmorphism

Crea el efecto de cristal esmerilado tan popular en las interfaces modernas. Los deslizadores controlan el desenfoque del fondo, la transparencia, el borde y la sombra en una vista previa en vivo, y la herramienta genera CSS con backdrop-filter. El efecto solo se nota cuando hay algo colorido detrás de la tarjeta, así que pruébalo sobre un degradado o una foto.

Cómo usar Generador de glassmorphism

  1. Configura las opciones de arriba. El resultado se actualiza en directo.
  2. Cambia lo que quieras hasta que quede perfecto.
  3. Copia el resultado o descárgalo.

¿Por qué usar esta herramienta?

También conocida como

Preguntas frecuentes

¿Por qué no se ve el desenfoque de mi backdrop-filter?

El elemento necesita un fondo semitransparente, y debe haber algo detrás que desenfocar. Algunos navegadores antiguos necesitan el prefijo -webkit-backdrop-filter, que este generador incluye en su CSS.

¿Es gratis Generador de glassmorphism?

Sí. Generador de glassmorphism de Toolipedia es de uso gratuito, sin registro y sin marca de agua.

¿Es seguro usarlo?

Sí. Todo se calcula en tu navegador y nada de lo que introduces se envía a nuestro servidor.

¿Funciona en mi teléfono?

Sí. Funciona en cualquier navegador moderno en Android y iPhone, y también en tabletas y computadoras. No hay que instalar nada.

¿Necesito una cuenta?

No. Solo abre la página y usa la herramienta. No hace falta registrarse ni dar un correo electrónico.

Herramientas relacionadas