css clip-path 导致 box-shadow无效？

Question

clip-path 导致 box-shadow无效
想要效果

实际效果

.top-case {
  height: 220rpx;
  background: #E4C9FE;
  margin: 20rpx 40rpx 40rpx;
  -webkit-clip-path: polygon(0 0, 92% 0, 100% 24%, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 92% 0, 100% 24%, 100% 100%, 0 100%);
  box-shadow: 5px 5px 0px #212121;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
}

Answer 1

clip 把阴影切掉了，内阴影就可以
可以把 path 设大点
https://codepen.io/fyzhu/pen/...

.top-case {
  margin: 50px;
  width: 200px;
  height: 200px;
  margin: 20rpx 40rpx 40rpx;
  clip-path: polygon(0 0, 92% 0, 110% 24%, 110% 110%, 0 110%);
  box-shadow: 5px 5px 0px  red;
  background: green;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
}