image.png

image.png

代码：

<div class="parent">
   <i class="icon"></i>
</div>

.parent{
  overflow: hidden;//父元素对超出的部分进行隐藏
  .icon {
      background: url('https://chu-nuo.com/static/image/icon/mine-checked.png') no-repeat;
      background-position: 0 0; 
      background-size: 100% 100%;
      width: 40rpx; 
      height: 40rpx;
      filter: drop-shadow(0px 150px 0px #3387FF);
      transform: translateY(-150px);
  }
}

<div class="parent">
  <img src="图片地址">
</div>

.parent{
  overflow: hidden;//父元素对超出的部分进行隐藏
  img {
    filter: drop-shadow(0px 150px 0px #3387FF);
    transform: translateY(-150px);
  }
}