title: WPF: How to Style my form with Transperancy levels
body: <p>I want to implement this kind of <code>Window</code>:</p>
  
  <p><a href="https://i.stack.imgur.com/H9EyO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/H9EyO.png" alt="enter image description here"></a></p>
  
  <p>So currently i have this <code>Style</code> :</p>
  
  <pre><code>&lt;Window x:Class="CGTransparent.Window1"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      Title="AboutDlg"
      Opacity="0.75"
      ResizeMode="NoResize"
      SizeToContent="WidthAndHeight"
      WindowStartupLocation="CenterScreen"
      WindowStyle="None"
      AllowsTransparency="True" Height="300"
                        Width="500"
      ShowInTaskbar="False"
      Background="#00000000"&gt;
      &lt;Window.Resources&gt;
          &lt;LinearGradientBrush x:Key="GradientBrush" StartPoint="0,0" EndPoint="1,1"&gt;
              &lt;GradientStop Color="Black" Offset="0.1" /&gt;
              &lt;GradientStop Color="#202020" Offset="0.25" /&gt;
              &lt;GradientStop Color="#303030" Offset="0.50" /&gt;
              &lt;GradientStop Color="#404040" Offset="0.75" /&gt;
              &lt;GradientStop Color="#505050" Offset="1.0" /&gt;
          &lt;/LinearGradientBrush&gt;
      &lt;/Window.Resources&gt;
      &lt;Border CornerRadius="15" DockPanel.Dock="Top" Background="{DynamicResource GradientBrush}" Margin="0" Padding="0" BorderBrush="Black" BorderThickness="0"&gt;
          &lt;Grid Margin="0" &gt;
              &lt;Grid.ColumnDefinitions&gt;
                  &lt;ColumnDefinition Width="500" /&gt;
              &lt;/Grid.ColumnDefinitions&gt;
              &lt;Grid.RowDefinitions&gt;
                  &lt;RowDefinition Height="300" /&gt;
              &lt;/Grid.RowDefinitions&gt;
          &lt;/Grid&gt;
      &lt;/Border&gt;
  &lt;/Window&gt;
  </code></pre>
  
  <p>Result (ignore the tiger...):</p>
  
  <p><img src="https://i.stack.imgur.com/6SMfi.jpg" alt="enter image description here"></p>
  
  <p>Any idea how to achieve this example <code>Style</code> ? </p>
  
  <p><strong>Update</strong>:</p>
  
  <pre><code>&lt;Window x:Class="app.Forms.Window1"
          xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
          xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
          xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
          xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
          xmlns:local="clr-namespace:PacketPlayer.Forms"
          mc:Ignorable="d"
          WindowStartupLocation="CenterOwner"
          AllowsTransparency="True" WindowStyle="None"
          Title="Window1" Height="300" Width="300"&gt;
      &lt;Border BorderBrush="Transparent" BorderThickness="1" CornerRadius="20"&gt;
          &lt;Grid&gt;
          &lt;Image Source="C:\Users\racr\Desktop\download.jpg" Stretch="Fill" Margin="-60"&gt;
              &lt;Image.Effect&gt;
                  &lt;BlurEffect KernelType="Gaussian" Radius="60" /&gt;
              &lt;/Image.Effect&gt;
          &lt;/Image&gt;
          &lt;Border CornerRadius="60" Margin="30" Background="#7F000000"&gt;
              &lt;TextBlock Foreground="White"
                         FontSize="20" FontWeight="Light" TextAlignment="Center"
                         HorizontalAlignment="Center" VerticalAlignment="Center"&gt;
                  &lt;Run Text="Hello World" FontSize="48"/&gt;
                  &lt;LineBreak/&gt;
                  &lt;Run Text="walterlv.github.io"/&gt;
              &lt;/TextBlock&gt;
          &lt;/Border&gt;
          &lt;/Grid&gt;
      &lt;/Border&gt;
  &lt;/Window&gt;
  </code></pre>
  
  <p>Result:</p>
  
  <p><a href="https://i.stack.imgur.com/RFPhj.png" rel="nofollow noreferrer">enter image description here</a></p>