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