Blur Edges

Landscape.jpg

Main.xaml

<Grid 
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

  <Grid.Resources>
    <BitmapImage x:Key="imgSrc" UriSource="Landscape.jpg"/>
  </Grid.Resources>
  <Image x:Name="img" Source="{StaticResource imgSrc}"/>
  <Rectangle Fill="DarkOliveGreen" Opacity="{Binding Value, ElementName=op}"/>
  <Image Source="{StaticResource imgSrc}">
    <Image.Effect>
      <BlurEffect Radius="{Binding Value, ElementName=br}"/>
    </Image.Effect>
  </Image>
  <Slider x:Name="op" Value="1" Minimum="0" Maximum="1" Width="400" VerticalAlignment="Top" Margin="20"/>
  <Slider x:Name="br" Value="1" Minimum="0" Maximum="200" Width="400" VerticalAlignment="Top" Margin="50"/>
</Grid>