Box Shadow top, left and right

I want to have a shadow on a box left, right and top I found in axure only the posibility to have a shadow on two sides, but I need it on 3 sides. It should look like floating for a Toast.

In the past I’ve done this with multiple background elements (4) for each shadow, though you will get overlapping shadows on the corners. You could also just put a single background element that is larger than the white box and give it a partially transparent background and no border

Quick mockup, though I did misspeak originally, the corners don’t overlap - the sides do. Which will require reducing the shadow opacity by about half so it doesn’t look too dark.

four sided shadow example.rp (45.5 KB)

1 Like