Which css property is it?

Question

The property, I think, makes for example dark text color on light background if it is set to be light and text cannot be read...or reverses text color if it is on image and/or vice versa.

I've seen some questions on SO with it but really can't find them anymore and dont remember property name. In case I am unclear:

If text color would be set to white, we couldnt read it because python logo has some white space around it and text is over image. There is a css property which would set text to black as it is now. What is its name?

Maybe this is what you're looking for? http://stackoverflow.com/questions/16981763/invert-css-font-color-depending-on-background-color — dabadaba, Mar 30 '16 at 11:03

oboshto · Accepted Answer · 2016-03-30T11:03:42.067

0

I'm not sure, but maybe you talk about mix-blend-mode: difference?

edited Mar 30 '16 at 11:03

answered Mar 30 '16 at 10:57

oboshto

3,478
4
25
24

No its not text-shadow – Mar 30 '16 at 11:00
maybe mix-blend-mode: difference? – oboshto Mar 30 '16 at 11:03

score 0 · Answer 2 · answered Mar 30 '16 at 11:39

0

I believe the filter property is what you're looking for :

img {
    -webkit-filter: invert(1) saturate(0);
    filter: invert(1) saturate(0);
}

<img src="https://i.stack.imgur.com/agSSc.jpg" />

answered Mar 30 '16 at 11:39

John Slegers

45,213
22
199
169

Thank you I also i will check filter `:)` – Mar 30 '16 at 11:46

Which css property is it?

2 Answers2