CSS滤镜：drop-shadow和裁剪元素clip-path

drop-shadow

img {
  filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));
}

box-shadow 为我们提供了一个矩形阴影，即使元素没有背景，而 drop-shadow 则为图像的非透明部分创建阴影。

clip-path属性使用裁剪方式创建元素的可显示区域。区域内的部分显示，区域外的隐藏。

clip-path: polygon(0 0, 50% 0, 100% 50%, 50% 100%, 0 100%, 50% 50%);