背景や背景色の混合(ブレンド) Multiple backgrounds blend modes

背景の混合(ブレンド)について

複数の背景または背景色を混合(ブレンド)効果を付ける場合は、background-blend-modeプロパティを使用します。

【構文】

							background-blend-mode:効果;
						

指定可能な値

説明
normal 効果なし(初期値)
multiply 乗算
screen スクリーン
overlay オーバーレイ
darken 比較(暗)
lighten 比較(明)
color-dodge 覆い焼き(カラー)
color-burn 焼き込み(カラー)
hard-light ハードライト
soft-light ソフトライト
difference 差の絶対値
exclusion 除外
hue 色相
saturation 彩度
color カラー
luminosity 光度

サンプル

  +   =  

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