HTML / CSS

【ブレンドモード】mix-blend-mode ~ 文字の色とかの効果【CSS】

mix-blend-mode: overlay; /* オーバーレイ */
mix-blend-mode: soft-light; /* ソフトライト */
mix-blend-mode: hard-light; /* ハードライト */

mix-blend-mode: darken; /* 比較(暗) */
mix-blend-mode: multiply; /* 乗算 */
mix-blend-mode: color-burn; /* 焼きこみ */

mix-blend-mode: lighten; /* 比較(明) */
mix-blend-mode: screen; /* スクリーン */
mix-blend-mode: color-dodge; /* 覆い焼き */

mix-blend-mode: difference; /* 差の絶対値 */
mix-blend-mode: exclusion; /* 除外 */

mix-blend-mode: hue; /* 色相 */
mix-blend-mode: saturation; /* 彩度 */
mix-blend-mode: color; /* カラー */
mix-blend-mode: luminosity; /* 輝度 */