サイト内検索
...スタイルシート(css)...
スタイルシート・フィルタ
マスクをかける
- マスクをかけるフィルタは、maskプロパティを指定します。
- 透過部分を特定の色で塗りつぶして、不透明の部分を切り抜きます。
- [使い方]
- ［スタイルシート]
- .sample{
filter: mask(color=カラーコード番号);
} - ［ｂｏｄｙの中］
- <img src="../img/sample.jpg" class="sample">
- ＩＥのみに対応しています。
- [メモ]
- colorは、
- W3C・CSS検証サービスでは、推奨されていません。
サンプル
| フィルタを使用していない状態 |
|---|
<img src="../img/sample.jpg" alt="画像" width="120" height="90"> |
|
☆★文字★☆
<div style="font: bold 170% sans-serif; width: 100%;">
|
《ｂｏｄｙに直接書いた場合》
| マスクをかける |
|---|
|
<div style="width: 100%;
filter: mask(color=#ccff99);">
|
|
☆★文字★☆
<div style="font: bold 170% sans-serif; width: 100%;
|