【问题标题】:How can I set exceptions to the 'invert' property in css?如何在 css 中为“反转”属性设置例外?
【发布时间】:2022-01-02 21:49:31
【问题描述】:

我想通过 css 属性 'invert' 反转颜色(用于暗模式), 但同时我想保留 5 种特定颜色以保持不变, 和其他 5 种特定颜色 - 不是反转,而是转换为特定设置的 5 种颜色。 图像也应保持不变。 在这种情况下应该使用什么代码?

【问题讨论】:

    标签: css colors inversion adjustment


    【解决方案1】:

    遗憾的是,您不能使用 invert css 属性来做到这一点。

    invert 采用 1 参数,即反转量

    反转(数量);

    您可以反转除某些特定元素之外的所有元素,但不能通过颜色指定。

    查看MDN invert() Specifications

    【讨论】:

    • 谢谢!除了“反转”之外,也许还有其他方法可以指定颜色十六进制代码的范围以及如何将它们转换为在较暗背景上看起来更好的适当颜色的模式;需要特别指定的特定颜色除外?
    • 我不知道你如何实现这样的事情,即使你能做到这比使用两个主题要困难得多,我认为你应该考虑使用两个主题并使用 javascript 激活每个主题,通过在按钮单击时为主体提供一个暗/亮类,并在 css 中设置样式。
    • 谢谢!你是对的,这将是在你知道(或你自己设置)颜色的地方对 html 进行风格化的最佳方式。但在这种情况下,我打算为免费字典应用程序增强深色主题,该应用程序读取不同格式的字典,并且无法预测其中使用了哪些颜色。所以我寻求一些自动化的方式,反转功能似乎就是它。但同时,我需要保持不变(或单独定制)代表不同声调的汉字的5种颜色,因此问题
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-01-01
    • 2022-01-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-07-08
    相关资源
    最近更新 更多