通過CSS3改變圖像的顏色（過濾器）

Question

我有一個PNG圖像作爲一個鏈接，我想給它一個懸停效果。例如，其背景顏色變爲橙色。我可以通過CSS來完成嗎？

或其他任何效果，例如png圖像內部形狀周圍的橙色陰影，而不是整個圖像（包括透明區域）。

This is the code so far: 

.latestTrack img { 
    float:right; 
    margin-right:50px !important; 
} 
.latestTrack img:hover { 
    box-shadow: 0 0 10px orange; 
    -webkit-transition: all 1s ease; 
    -moz-transition: all 1s ease; 
    -o-transition: all 1s ease; 
    -ms-transition: all 1s ease; 
    transition: all 1s ease; 
} 

Answer 1

您可以使用陰影過濾器在png alpha圖像的形狀周圍設置陰影。

-webkit-filter: drop-shadow(10px 10px 10px gray); 

請參閱此鏈接+信息

drop shadow filter comparison