chroma filter


filter: chroma(***);

Browser
Internet Explorer
Type
Extension

The chroma filter make the specified color transparent.


#example {
filter: chroma(color=#0000ff);
}


Attribute Value Explanation
color color code or name the color for specifying the transparent

Example

The original

<img src="image/friend.gif" alt="IMG" width="170" height="140">
Output

IMG

<div style="font: bold 170% sans-serif; width: 100%;">
<span style="color: red;">Example</span> text
</div>
Output
Example text

Specifying the transparent

<img src="image/friend.gif" alt="IMG" width="170" height="140" style="filter: chroma(color=#0080ff);">
Output

IMG

<img src="image/friend.gif" alt="IMG" width="170" height="140" style="filter: chroma(color=#000000);">
Output

IMG

<div style="font: bold 170% sans-serif; width: 100%; filter: chroma(color=red);">
<span style="color: red;">Example</span> text
</div>
Output
Example text