BackdropBlurBrush

The BackdropBlurBrush is a Brush that blurs whatever is behind it in the application.

Try it in the sample app

Syntax

<Border BorderBrush="Black" BorderThickness="1" VerticalAlignment="Center" HorizontalAlignment="Center" Width="400" Height="400">
  <Border.Background>
    <media:BackdropBlurBrush Amount="3.0" />
  </Border.Background>
</Border>

Example Image

Properties

Property	Type	Description
Amount	double	The Amount property specifies a double value for the amount of Gaussian blur to apply.

Sample Project

BackdropBlurBrush sample page Source. You can see this in action in the Windows Community Toolkit Sample App.

Requirements

Device family	Universal, 10.0.16299.0 or higher
Namespace	Microsoft.Toolkit.Uwp.UI.Media
NuGet package	Microsoft.Toolkit.Uwp.UI.Media

API

• BackdropBlurBrush source code

Related Topics

• Win2D GaussianBlurEffect reference
• XamlCompositionBrushBase Examples