WPF

Question

में इंसेट छाया प्रभाव को कैसे प्राप्त करें मैंने HTML में एक इंटरफ़ेस डिज़ाइन किया है और इसे WPF में अनुवाद करना चाहता हूं लेकिन मुझे इन्सेट छाया के साथ परेशानी हो रही है।

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

प्रभाव im की तलाश में इस jsFiddle में यहाँ है, मैं कैसे वास्तव में WPF में इस अनुवाद कर सकते हैं?

अद्यतन

क्या मैं वर्तमान में रिचर्ड्स उत्तर के आधार पर किया है नीचे है, इसकी अभी भी एक छाया हालांकि दिखाई नहीं दे रहा?

<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

आप मोटाई के हिसाब से फेरबदल कुछ इस तरह की कोशिश कर सकते,:

<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>