有没有办法以编程方式使用CSS显示十六进制颜色的反转？

Question

例如我的页脚颜色是这样的：

.footer {
    background-color: #808080;
}

悬停时，我想显示反色？

.footer:hover {
    background-color: inverse color!?;
}

这可能吗？

Answer 1

您可以将颜色反转为：

 .footer {
    background-color: #808080;
 }
 .footer:hover { 
    background-color: #808080;
    -webkit-filter: invert(100%);
    filter: invert(100%);
 }