Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Transparent background color in image

Tags:

html

css

How can I delete or make transparent a specific background color in an image or backgroundimage? For example, I have an image and I want remove all the white pixels in it to show what is "behind" them on the page.

<div style="     background-color: #F4F4F7;     background-image: url('wa.jpg');     background-repeat: no-repeat;     background-position: right bottom;     background-size: 200px 280px;" align="left"> 

What functions or attributes can accomplish this?

like image 837
naser Avatar asked Jun 09 '11 07:06

naser


People also ask

How do I make a color transparent in a picture?

Double-click the picture, and when Picture Tools appears, click Picture Tools Format > Color. Click Set Transparent Color, and when the pointer changes, click the color you want to make transparent.

What is the color code for transparent background?

#0000ffff - that is the code that you need for transparent.


1 Answers

add the below line in the css

mix-blend-mode: multiply; 

You can see the background color and white pixles will go off

like image 106
Krishnamoorthy Avatar answered Sep 22 '22 03:09

Krishnamoorthy