I've been looking at Material Design for a while and I wanted to recreate sheets of material merging together as seen in this video.
It looks simple but I just couldn't get the shadows to be working.
Lets say each of the sheets has a z-index of 1. You would think the box-shadow of each element would fall behind the other element (because they are on the same z-index) but they actually stack.
I've tried putting the sheet and 'shadow' element in a container and making the sheet a higher z-index than the shadow but with multiple cards the shadow still appears above the cards.
So my question is: Is there a way to recreate these sheets merging together with the shadows of both always appearing behind the cards?