css3 - invert color using css -

html

<div> <p>inverted color</p> </div> 

css

div {     background-color: #f00; } p {      color: /* how use inverted color here in relation div background ? */ } 

is there way invert p color css?

there color: transparent; why not color: invert; in css3?

add same color of background paragraph , invert css3:

div {     background-color: #f00; }  p {      color: #f00;     -webkit-filter: invert(100%);     filter: invert(100%); }