CSS Backdrop-Filter Generator

Mit diesem CSS Backdrop-Filter Generator erstellen Sie glasartige Overlays mit reinem CSS. Passen Sie Unschärfe, Helligkeit, Kontrast, Graustufen, Farbtondrehung, Invertierung, Deckkraft, Sättigung, Sepia sowie Hintergrundfarbe und Rundung des Panels an, sehen Sie die Vorschau sofort und kopieren Sie anschließend HTML und CSS.

Anpassung

{{ panelRadius }}px
{{ panelBackgroundOpacity.toFixed(2) }}
Filter zum Aktivieren auswählen
{{ formatValue(control) }}
{{ control.unit }}

Filter-Presets

{{ activePresetLabel }}

Vorschau

{{ backdropFilterValue }}

{{ previewTitle }}

{{ previewText }}