Can anyone guide how can I add shadow effect to Grid in windows universal app?

问题

add shadow effect to Grid in windows universal app like this image

回答1:

This might help

<Grid  >

            <Rectangle Width="230" Height="225" Margin="1,1,0,0" Stroke="#99000000" StrokeThickness="1" HorizontalAlignment="Left" VerticalAlignment="Top" />
            <Rectangle Width="230" Height="225" Margin="2,2,0,0" Stroke="#4C000000" StrokeThickness="1" HorizontalAlignment="Left" VerticalAlignment="Top" />
            <Rectangle Width="230" Height="225" Margin="3,3,0,0" Stroke="#19000000" StrokeThickness="1" HorizontalAlignment="Left" VerticalAlignment="Top" />
        </Grid>

回答2:

If you have HTML/JS UWP application then you can try to use CSS style

box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);

来源：https://stackoverflow.com/questions/36692475/can-anyone-guide-how-can-i-add-shadow-effect-to-grid-in-windows-universal-app