两行 CSS 代码实现图片任意颜色赋色技术

在偶然间浏览其他网友博客时看到一个有关前端CSS的小技术点,在此稍作总结:

.pic1 {

    background-image: url($img), linear-gradient(#f00, #f00);
    background-blend-mode: lighten;
    background-size: cover;

}

linear-gradient(#f00, #f00) 叠加一层渐变层(如逐渐变成红色)

background-blend-mode: lighten 实现主色改为渐变色,而这个方法更厉害的地方在于，不单单可以将纯色图片由一种颜色改为另一种颜色，而且可以将图片内的黑色部分由单色，改为渐变颜色！

深入了解:  http://igeekbar.com/igeekbar/post/869.htm?ref=myread