☰

CSSを使用して色を反転するにはどうすればいいですか? 質問する

tag-icon • tag-icon css colors
CSSを使用して色を反転するにはどうすればいいですか? 質問する

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 ? */
}

pCSS で色を反転する方法はありますか?

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>

おすすめ記事