filter: drop-shadow() 是 CSS 中的一種高級陰影效果，與 box-shadow 類似，但有更靈活的應(yīng)用場景。它主要用于為元素（尤其是圖像或透明背景元素）添加陰影效果，并能跟隨元素的輪廓形狀，而不僅限于矩形邊框。

filter: drop-shadow(offset-x offset-y blur-radius color);

• offset-x：陰影的水平偏移量（正值向右，負(fù)值向左）。
• offset-y：陰影的垂直偏移量（正值向下，負(fù)值向上）。
• blur-radius：模糊半徑（可選，默認(rèn)值為 0，值越大越模糊）。
• color：陰影顏色（可選，默認(rèn)是元素的文本顏色）。

例如三角形有陰影輪廓就可以用，box-shadow就不能應(yīng)用在三角形這種不規(guī)則的圖形當(dāng)中

.circulationBox::before {
  width: 0;
  height: 0;
  border-top: 10px solid #fff;
  border-right: 10px solid transparent;
  position: absolute;
  top: 0;
  right: -10px;
  content: '';
  filter: drop-shadow(1px 0px 1px rgba(202,202,202,0.5));
}

如圖所示

filter: drop-shadow.png