[新着] Webテンプレートを仮オープンしました
mask は、マスクをかけるフィルタです。
透過部分を特定の色で塗りつぶし、不透明の部分を切り抜きます。
#example {
filter: mask(color=#0000ff);
}
| color | 塗りつぶす色 色の指定についてはスタイルシートの色指定をご覧ください。 |
|---|
【フィルタなしの状態】
<img src="image/friend2.gif" alt="IMG" width="170" height="140">
<div style="font: bold 170% sans-serif; width: 100%;">
フィルタの表示テスト
</div>
【マスク】
<img src="image/friend2.gif" alt="IMG" width="170" height="140" style="filter: mask(color=#ffd37d);">
<div style="font: bold 170% sans-serif; width: 100%; filter: mask(color=green);">
フィルタの表示テスト
</div>
