CSS Blur Effect Generator

Test filter: blur() versus backdrop-filter: blur() live — an element's own blur compared to blurring what's behind it.

Blur Radius 5px

Apply as backdrop-filter instead

100% browser-based — no data sent to any server

style.css