css改變圖檔顔色(加有色濾鏡)

圖檔需要改顔色的部分需調成純黑色，背景為純白色

<style type="text/css">
	.box{
		width: 230px;
		height: 200px;
		background-image: url(img/bg.png),linear-gradient(#C62F2F,#C62F2F);
		background-blend-mode: lighten;
		background-size: 100% 100%;
	}
</style>
<div class="box"></div>


           

效果如下：

支援漸變色：

<style type="text/css">
	.box{
		width: 230px;
		height: 200px;
		background-image: url(img/bg.png),linear-gradient(#FFC000,#0D8811);
		background-blend-mode: lighten;
		background-size: 100% 100%;
	}
</style>
<div class="box"></div>
           

效果如下：

浏覽器支援：

菜鳥傳送門