CSS3で合成効果

mix-blend-mode: normal;
「通常」
mix-blend-mode: multiply;
「乗算」
mix-blend-mode: screen;
「スクリーン」
mix-blend-mode: overlay;
「オーバーレイ」
mix-blend-mode: darken;
「比較(暗)」
mix-blend-mode: lighten;
「比較(明)」
mix-blend-mode: color-dodge;
「覆い焼きカラー」
mix-blend-mode: color-burn;
「焼き込みカラー」
mix-blend-mode: hard-light;
「ハードライト」
mix-blend-mode: soft-light;
「ソフトライト」
mix-blend-mode: difference;
「差の絶対値」
mix-blend-mode: exclusion;
「除外」
mix-blend-mode: hue;
「色相」
mix-blend-mode: saturation;
「彩度」
mix-blend-mode: color;
「カラー」
mix-blend-mode: luminosity;
「輝度」