Generador CSS de backdrop-filter

Este generador CSS de backdrop-filter te ayuda a crear paneles con efecto de vidrio usando CSS puro. Ajusta desenfoque, brillo, contraste, escala de grises, rotación de tono, inversión, opacidad, saturación, sepia, además del color de fondo y el radio de las esquinas del panel, previsualiza el resultado y copia el HTML y CSS generados.

Personalización

{{ panelRadius }}px
{{ panelBackgroundOpacity.toFixed(2) }}
Seleccionar filtros para activar
{{ formatValue(control) }}
{{ control.unit }}

Preajustes de filtro

{{ activePresetLabel }}

Vista previa

{{ backdropFilterValue }}

{{ previewTitle }}

{{ previewText }}