新着! 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;

要素は輝度ブレンドモードを使用します。