Backdrop Filter Generator

Generate backdrop blur and filter effects

Backdrop Filter Properties

Blur10px

Brightness100%

Contrast100%

Saturate100%

Background Opacity100%

Live Preview

Backdrop Filter

Generated CSS

.element {
  backdrop-filter: blur(10px) 
    brightness(100%) 
    contrast(100%) 
    saturate(100%);
  -webkit-backdrop-filter: blur(10px) 
    brightness(100%) 
    contrast(100%) 
    saturate(100%);
  background: rgba(255, 255, 255, 1);
}