Generador de efecto cristal CSS

Diseñar tarjetas modernas de vidrio frío con fondo borroso, fronteras y fondos en vivo

About this tool

CSS Generador de Glassmorfismo ayuda a los diseñadores y desarrolladores de frontend a crear componentes modernos de vidrio frío backdrop-filter con las unidades backdrop-filter, translucencia fronteriza y sombras de profundidad.

How to use

  1. Ajustar radio borroso, opacidad, ancho de frontera y opacidad fronteriza.
  2. Prueba la tarjeta congelada sobre gradientes de malla colorida y fondo oscuro.
  3. Personalizar el tinte de la tarjeta base y el radio fronterizo.
  4. Haga clic en Copiar CSS para copiar las reglas del archivo cruzado backdrop-filter.

FAQ

¿Funciona esto en CSS y los navegadores móviles?

¡Sí! La salida incluye prefijos de proveedores backdrop-filter y -webkit-backdrop-filter para las unidades , iOS y Chromium.

¿Qué es el cristalmorfismo?

El vidriomorfismo es una tendencia de diseño UI caracterizada por el desenfoque de fondo, superficies semitransparentes, bordes sutiles y contraste de fondo vívido.

Tags

Related tools