CSS3 滤镜问题求指教，如何让图片变色？

Question

上面这张图片默认是彩色的，怎样通过滤镜指定别的颜色？我试了下只能是整体灰色，我可以不可以让他整体变成绿色、红色、咖啡、等颜色呢？在线急等、、、求指教，跪谢Demo😃

Answer 1

<style>
  .animate1 {
    -webkit-animation: filter-animation 5s infinite;
  }

  @-webkit-keyframes filter-animation {
    0% {
      -webkit-filter: sepia(0) saturate(2) drop-shadow(0px 0px 0px rgba(0,0,0,0));
    }
    
    50% {
      -webkit-filter: sepia(1) saturate(8) drop-shadow(5px 5px 5px rgba(0,0,0,0.5));
    }
    
    100% {
      -webkit-filter: sepia(0) saturate(2) drop-shadow(10px 10px 15px rgba(0,0,0,0.9));
    }
  }
</style>

<img class="animate1" src="http://lsly1989.qiniudn.com/scsacasgbgjtuyhead副本.png">

Answer 2

https://developer.mozilla.org...