HTML
<div>
<p>inverted color</p>
</div>
CSS
div {
background-color: #f00;
}
p {
color: /* how to use inverted color here in relation with div background ? */
}
Is there any way to invert the p
color with CSS?
There is color: transparent;
why not color: invert;
even in CSS3?
outline-color: invert
invented by Lea Verou for IE. Unfortunately, Opera (Presto) didn't clip the area filled with outline byoverflow
, so it won't work there. I hope that this demo may still be useful for the further experiments.