要素の混合(ブレンド)
要素の混合(ブレンド)について
要素に混合(ブレンド)効果を付ける場合はmix-blend-modeプロパティを使用します。
【構文】
mix-blend-mode:効果;
指定可能な値
| 値 | 説明 | 初期値 |
|---|---|---|
| normal | 効果なし | ○ |
| multiply | 乗算 | - |
| screen | スクリーン | - |
| overlay | オーバーレイ | - |
| darken | 比較(暗) | - |
| lighten | 比較(明) | - |
| color-dodge | 覆い焼き(カラー) | - |
| color-burn | 焼き込み(カラー) | - |
| hard-light | ハードライト | - |
| soft-light | ソフトライト | - |
| difference | 差の絶対値 | - |
| exclusion | 除外 | - |
| hue | 色相 | - |
| saturation | 彩度 | - |
| color | カラー | - |
| luminosity | 光度 | - |