filter: chroma(***);
| ブラウザ |
|
|---|---|
| プロパティ |
|
chroma は、特定の色を透過するフィルタです。
.example {
filter: chroma(color=#0000ff);
}
| 属性 | 値と説明 |
|---|---|
color |
透過する色 (色の指定については、CSSの色指定をご覧ください) |
- このプロパティは、CSS 2では定義されていません。
使用例
<p><img src="example1.gif" alt="[サンプル]"></p>
![[サンプル]](image/example1.gif)
<div style="font: bold 170% sans-serif; width: 100%;">
フィルタの<span style="color: red;">表示</span>テスト
</div>
フィルタの表示テスト
<p><img src="example1.gif" alt="[サンプル]" style="filter: chroma(color=#0080ff);"></p>
![[サンプル]](image/example1.gif)
<p><img src="example1.gif" alt="[サンプル]" style="filter: chroma(color=#000000);"></p>
![[サンプル]](image/example1.gif)
<div style="font: bold 170% sans-serif; width: 100%; filter: chroma(color=red);">
フィルタの<span style="color: red;">表示</span>テスト
</div>
フィルタの表示テスト