要素の混合(ブレンド)

要素の混合(ブレンド)について

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

サンプル

サンプル

【CSS】

CSS3逆引きリファレンス一覧へ戻る