不规则投影

利用滤镜filter属性中的drop-shadow函数，可以为伪类或透明背景，创造更加真实的投影。

div {
  width: 100px;
  height: 100px;
  background: darkgreen;
  filter: drop-shadow(4px 4px 4px darkorange);
}
div::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  width: 0;
  height: 0;
  border: 8px solid;
  transform: translateY(-4px);
  border-color: transparent transparent transparent darkgreen;
}

效果图：