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 |
The original
<img src="image/friend.gif" alt="IMG" width="170" height="140">

<div style="font: bold 170% sans-serif; width: 100%;">
<span style="color: red;">Example</span> text
</div>
Specifying the transparent
<img src="image/friend.gif" alt="IMG" width="170" height="140" style="filter: chroma(color=#0080ff);">

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

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