Almost every polygon can be reduced to a combination of simpler shapes — a reduction that’s the essence of how we make complex shapes with HTML and CSS in the first place. So what we have to do is apply the shadow to both those boxes, and then cut off the overlap with clip…
Direct link: Creating Shadows Around Polygons in CSS