-1

I need a blend mode that gives white text color over a dark background and defined (dark, but not black) color over a light background. If it's not possible, than "white over dark and black over light" would work too.

Here's what I need to achieve:

progress bar

If there is anything else I could use for this effect (not blending mode, I mean), please also suggest.

halfer
  • 19,824
  • 17
  • 99
  • 186
pilat
  • 1,094
  • 1
  • 10
  • 17

1 Answers1

1

You can use mix-blend-mode: difference.

Jared
  • 12,406
  • 1
  • 35
  • 39
  • If I make "color: #fff" + "difference", I get something like the following results: !(https://www.evernote.com/l/ACgS29sxr91PM6GO1UpZ4NPxSBDlqPby5moB/image.png) – pilat Sep 28 '16 at 19:26