通过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);

请参阅此链接获取+ info

drop shadow filter comparison