タイトル: 白を除く任意の色の背景で白のテキストの視認性を実現
mix-blend-mode: Difference を使用すると、背景色が黒の場合にテキストの色を白に変更することができます。テキストの上にマウスを移動すると効果が表示されます:
背景が黒でない場合、これは白いテキストを生成しませんが、これは理解できます:
背景が白と異なる場合に、文字の色を黒から白に変更する方法はありますか?
mix-blend-mode: Difference を使用すると、背景色が黒の場合にテキストの色を白に変更することができます。テキストの上にマウスを移動すると効果が表示されます:
背景が黒でない場合、これは白いテキストを生成しませんが、これは理解できます:
背景が白と異なる場合に、文字の色を黒から白に変更する方法はありますか?
P粉4457144132023-11-11 00:56:49
これは、ブレンド モードではなく背景色に依存するアイデアです。コツは、画像と同じサイズのグラデーションを使用し、ブレンド モードをシミュレートするために同じ方法で移動することです。