chroma は、特定の色を透過するフィルタです。
#example {
filter: chroma(color=#0000ff);
}
| color | 透過する色 色の指定についてはスタイルシートの色指定をご覧ください。 |
|---|
【フィルタなしの状態】
<img src="image/friend.gif" alt="IMG" width="170" height="140">
<div style="font: bold 170% sans-serif; width: 100%;">
フィルタの<span style="color: red;">表示</span>テスト
</div>
【透過】
<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;">表示</span>テスト
</div>
