html
<div>
<p>inverted color</p>
</div>
CS
div {
background-color: #f00;
}
p {
color: /* how to use inverted color here in relation with div background ? */
}
p
CSS で色を反転する方法はありますか?
CSS3 でもcolor: transparent;
なぜないのでしょうか?color: invert;
ベストアンサー1
段落に背景と同じ色を追加し、CSS で反転します。
div {
background-color: #f00;
}
p {
color: #f00;
-webkit-filter: invert(100%);
filter: invert(100%);
}
<div>
<p>inverted color</p>
</div>