<分区>
css - 为深色背景反转 Logo 但保持色调？ (纯 CSS)
标签 css
在 CSS 中，要使为浅色背景制作的 Logo 图像在深色背景上看起来不错，最好的方法是什么？我知道有 filter: invert(1)，但它会反转所有颜色，并且 Logo 看起来完全不同。
使用过滤器:反转(1):
最佳答案
您可以使用:
img.dark {
filter: invert(1) hue-rotate(180deg);
}
hue-rotate 将所有颜色恢复为 invert 之前的色调，例如 StackOverflow 图标变为:
原创:
反转(1):
反转 (1) 色调旋转 (180deg):
但是，如果您的 Logo 特别复杂，这可能不适合您，因为所有较浅的颜色都会变暗，例如:
原创:
反转(1):
反转 (1) 色调旋转 (180deg):
关于css - 为深色背景反转 Logo 但保持色调？ (纯 CSS)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58402099/