CSS 代碼實現圖片任意顏色賦色技術

原圖：

.pic {

    width: 200px;

    height: 200px;

    background-image: url($img);

    background-size: cover;

}

 

紅色：

.pic1 {

    background-image: url($img), linear-gradient(#f00, #f00);

    background-blend-mode: lighten;

    background-size: cover;

}

原創