Area Blur
PureBlur Documentation
What is Area Blur
Area Blur lets you freely draw rectangular regions on a webpage for physical-layer masking. Unlike Element Blur, Area Blur is not constrained by DOM element boundaries — you can precisely select any position and size.
How to Use
- Open the PureBlur control panel
- Enter Area Blur mode
- Click and drag on the page to draw a rectangular area
- Release the mouse — the area is immediately covered with blur
- Created mask areas can be dragged to move and resized
Use Cases
Ideal for blurring information that spans multiple elements in irregular layouts, sensitive data regions in charts, or watermarks and logos in page corners. When complex DOM structure makes element picking unreliable, Area Blur is the most dependable fallback.
Technical Details
Area Blur is implemented using fixed positioning and CSS masks, supporting scrolling and zooming scenarios. The mask layer is independent of the DOM structure and does not affect the page's original layout.