Làm thế nào để đạt được hiệu ứng bóng tối trong WPF

Question

Tôi đã thiết kế một giao diện trong HTML và muốn dịch thành WPF nhưng có vấn đề với bóng inset.

box-shadow: inset 0 2px 7px 0 rgba(0, 0, 0, 0.5); 

Hiệu ứng im tìm kiếm nằm ở đây trong jsFiddle này, làm thế nào tôi có thể dịch chính xác thành WPF?

Cập nhật

Những gì tôi hiện đã dựa trên Richards Câu trả lời là dưới đây, nó vẫn không hiển thị một cái bóng mặc dù?

<Border Grid.Row="1" CornerRadius="3" Grid.Column="0" Margin="13,0,12,0" BorderThickness="0" BorderBrush="#d2d2d2" ClipToBounds="True" Background="#fff0f0f0" > 
    <Border Background="Transparent" BorderBrush="Black" CornerRadius="3" BorderThickness="0" Margin="0"> 
     <Border.Effect> 
      <DropShadowEffect ShadowDepth="2" BlurRadius="7" Color="Black" Direction="270" Opacity="0.5"/> 
     </Border.Effect> 
    </Border> 
</Border> 

Answer 1

Bạn có thể thử một cái gì đó như thế này, tinh chỉnh độ dày phù hợp:

<Border Background="LightGray" BorderBrush="DarkGray" 
      BorderThickness="1" ClipToBounds="True"> 
    <Border Background="Transparent" BorderBrush="Black" 
       BorderThickness="0 2 7 0" Margin="-2"> 
    <Border.Effect> 
     <DropShadowEffect ShadowDepth="0" BlurRadius="10"/> 
    </Border.Effect> 
    </Border> 
</Border>