鍍金池/ 問答/HTML5  HTML/ CSS3 濾鏡問題求指教，如何讓圖片變色？

CSS3 濾鏡問題求指教，如何讓圖片變色？

圖片描述

上面這張圖片默認是彩色的，怎樣通過濾鏡指定別的顏色？我試了下只能是整體灰色，我可以不可以讓他整體變成綠色、紅色、咖啡、等顏色呢？在線急等、、、求指教，跪謝Demo

回答
編輯回答
編輯回答
你的瞳
<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">

圖片描述
圖片描述

2018年9月13日 12:44