CSS改变图片颜色

需求

png/svg格式的透明背景的图片用作ICON时，要求鼠标滑过显示不同颜色。

思路

使用CSS滤镜

主要代码

filter: drop-shadow(20px 0 #0cc)

滤镜：非透明区域添加投影(X轴偏移量 模糊值 投影颜色)

注意

edge不支持

使用字体图标多好，多好，多好