要素の混合(ブレンド)
要素の混合(ブレンド)について
要素に混合(ブレンド)効果を付ける場合は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 | 光度 | - |