Gerador CSS de backdrop-filter

Este gerador CSS de backdrop-filter ajuda a criar painéis com efeito de vidro usando CSS puro. Ajuste desfoque, brilho, contraste, escala de cinza, rotação de matiz, inversão, opacidade, saturação, sépia, além da cor de fundo e do raio dos cantos do painel, visualize o resultado e copie o HTML e CSS gerados.

Personalização

{{ panelRadius }}px
{{ panelBackgroundOpacity.toFixed(2) }}
Selecionar filtros para ativar
{{ formatValue(control) }}
{{ control.unit }}

Presets de filtro

{{ activePresetLabel }}

Visualizar

{{ backdropFilterValue }}

{{ previewTitle }}

{{ previewText }}