Quick

CSS Backdrop-Filter Generator

Build a frosted-glass panel effect — blurs and adjusts whatever's behind the element, not the element itself.

Frosted glass panel
Advertisement

About this tool

Includes the -webkit-backdrop-filter prefix for Safari alongside the standard property — the element needs some transparency in its own background for the blurred effect underneath to actually show through.