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
-
<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 src="image/friend.gif" alt="IMG" width="170" height="140" style="filter: chroma(color=#000000);">
- Output
-
<div style="font: bold 170% sans-serif; width: 100%; filter: chroma(color=red);">
<span style="color: red;">Example</span> text
</div>
- Output
-
Example text