Hello!
I noticed an issue while adding menus. When setting the bounding box to a size where the shadow overflows, it gets cut off on only two sides during prototyping (see first picture). This creates an uneven and visually unappealing effect.
If I increase the bounding box to prevent the shadow from being cut off, the issue is resolved. However, this also prevents me from clicking the button to toggle the menu, as the bounding box extends over it.
Shadows applied:
- Color:
#000000
| Opacity:0.121
| Offset:(0px, 12px)
| Blur:32px
| Spread:-16px
| Style:drop-shadow
- Color:
#000000
| Opacity:0.15
| Offset:(0px, 12px)
| Blur:60px
| Spread:0px
| Style:drop-shadow
- Color:
#000000
| Opacity:0.058
| Offset:(0px, 0px)
| Blur:0px
| Spread:1px
| Style:drop-shadow