实现思路:

图片作为背景,drop-shadow阴影形成新的元素,再用left把整体偏移回去,最后用overflow:hidden把原图片隐藏

注:当放在其他绝对定位的元素上面时注意z-index的处理。

.iconXXX{
  overflow:hidden;
  display: inline-block;
  position: relative;
  height:20px;
  width: 20px;
  .iconDel{
    background: url("XXX.png") no-repeat;
    height:100%;
    width:100%;
    display: inline-block;
    filter: drop-shadow(20px 0 #666); 
    position: relative;
    left: -20px;
  }
}