Home/ Questions/Q 8419533
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T02:38:25+00:00

I am trying to replicate a screen made by designers through code but I

  • 0

I am trying to replicate a screen made by designers through code but I am having trouble with a shadow effect that they have included in the design. This is the shadow effect they have implemented:

enter image description here

I have made an attempt at this using drop shadow in XAML – but it doesn’t seem right for my requirement. As the designer’s shadow looks more like there is a vertical light on the object and the drop shadow looks more like the object is popping out of the screen.

enter image description here

Is there a way of implementing the first shadow effect through WPF?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You’d have to play around a bit to get it right (Margins, etc.), but I would try using a BlurEffect on a filled rectangle to emulate the shadow:

    <Grid>

  <!-- shadow -->
  <Rectangle HorizontalAlignment="Stretch" VerticalAlignment="Bottom" 
    Height="..." Fill="#77000000" ... >
    <Rectangle.Effect>
      <BlurEffect ... />
    </Rectangle.Effect>
  </Rectangle>

  <!-- white border on top of shadow -->
  <Border Background="#ffffff" ... >
    <!-- other controls -->
  </Border>

</Grid>
    • 0