CSS3で合成効果

参考: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;
    「輝度」