10

HTMLでインターフェイスを設計し、これをWPFに変換したいのですが、インセットシャドウに問題があります。

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

私が探している効果はこの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>
4

1 に答える 1

20

それに応じて厚さを微調整して、次のようなことを試すことができます。

<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>
于 2013-03-19T13:29:49.737 に答える