mix-blend-mode: Difference を使用すると、背景色が黒の場合にテキストの色を白に変更することができます。テキストの上にマウスを移動すると効果が表示されます:
mix-blend-mode: Difference
背景が黒でない場合、これは白いテキストを生成しませんが、これは理解できます:
背景が白と異なる場合に、文字の色を黒から白に変更する方法はありますか?
これは、ブレンド モードではなく背景色に依存するアイデアです。コツは、画像と同じサイズのグラデーションを使用し、ブレンド モードをシミュレートするために同じ方法で移動することです。
ブレンド モード
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
これは、
ブレンド モードではなく背景色に依存するアイデアです。コツは、画像と同じサイズのグラデーションを使用し、ブレンド モードをシミュレートするために同じ方法で移動することです。