最近做网站，遇到很多图标需要变色的问题，如果将图标通过ps调整颜色的话太多了，不是很方便，为了网站的性能，使用css将图片进行改色。
方法一：filter: grayscale(100%) brightness(200%)，如果颜色调整不理想，可以将brightness的百分比继续增加已达到需要的白色效果。
方法二：filter: drop-shadow( x偏移,y偏移,模糊值,颜色); 这个的效果是通过在css 制造阴影偏移出一个你想要的颜色来实现效果的：比如：filter: drop-shadow(100px 0 0 red);意思就是我们的图标大小是100px，那就x偏移100px，然后需要的图标是红色。
如果使用方法二需要使用到transform: translateX(偏移值); 通过偏移值来覆盖原先的图标，个人比较喜欢使用方法二，毕竟改变颜色不可能只有一种白色，引用到的场景也很多，可以减少很多图片的重复使用。