如何使用CSS反转颜色？

• Z时代
• 2024-01-10
• 分类：问答

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

有什么办法可以p用CSS 反转颜色？

color: transparent;为什么color: invert;甚至在CSS3中也没有？

回答：

将相同颜色的背景添加到段落中，然后使用CSS反转：

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

以上是 如何使用CSS反转颜色？ 的全部内容， 来源链接： utcz.com/qa/428713.html