CSS Backdrop-filter 產生器

這個 CSS Backdrop-filter 產生器可以用純 CSS 建立玻璃感遮罩效果。你可以調整模糊、亮度、對比、灰階、色相旋轉、反相、透明度、飽和度、懷舊色調，以及面板背景顏色與圓角，並即時預覽結果，最後複製產生的 HTML 與 CSS。

自訂設定

{{ panelRadius }}px
{{ panelBackgroundOpacity.toFixed(2) }}
選擇啟用濾鏡
{{ formatValue(control) }}
{{ control.unit }}

濾鏡預設

{{ activePresetLabel }}

預覽

{{ backdropFilterValue }}

{{ previewTitle }}

{{ previewText }}