前端一般处理图片，我首先想到的就是ps。但是，前端css的filter属性一样可以得到一些意想不到的效果（例如：图片模糊与图片饱和度）今天我们就来挨个介绍一下这些取值产生的效果也可以参考runoob filter(滤镜) filter的取值有：none | blur ...

重新给图片了，现在看来其实是可以实现的，原理就是利用CSS3的滤镜（filter）属性。你想的没错，就是 ...

...

一、CSS3 mask CSS3 mask默认是基于透明度实现遮罩效果的。也就是实色区域显示，透明区域隐藏。因此，我们只需要把目标图标颜色#f4615c作为背景色，然后原始图标（无论什么颜色都可以）作为遮罩图片，效果就出来了。 效果： 效果图 ...

需求如下图，hover的时候改变图标颜色，图标为引入的svg img 一般的解决办法有：1.字体图标改变css的color属性；2.js在hover事件中切换图片；3.老一点的方案是hover切换背景？ 但是为了更小的开销，一般css为更好的解决方案，svg的颜色是在标签内通过fill ...

svg:hover path{ fill:#ccc} 　　 ...

需求如下图，hover的时候改变图标颜色，图标为引入的svg img 一般的解决办法有：1.字体图标改变css的color属性；2.js在hover事件中切换图片；3.老一点的方案是hover切换背景？ 但是为了更小的开销，一般css为更好的解决方案，svg的颜色是在标签内通过fill属性 ...

需求如下图，hover的时候改变图标颜色，图标为引入的svg img 一般的解决办法有：1.字体图标改变css的color属性；2.js在hover事件中切换图片；3.老一点的方案是hover切换背景？ 但是为了更小的开销，一般css为更好的解决方案，svg的颜色是在标签内通过fill属性 ...