新着! 44ページの電子書籍「CSSを44分で学ぶ」が発売されました! 😃
#mix-blend-mode
要素が背景とどのようにブレンドされるかを定義します。
default
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;
要素は輝度ブレンドモードを使用します。