css 图片颜色反色 |抽奖转盘代码 css3

/* 图片颜色反转 */
img {
filter: invert(100%);
}

如上所示，可以使用CSS 的 filter 属性实现图片颜色反转。其中，invert() 函数的意思是将图片的颜色进行反转，颜色值分为 0% 到 100% ，100% 表示完全颜色反转。

值得注意的是，使用 invert() 函数的元素必须包含图片，否则无法生效。此外，还需要注意使用水平与垂直翻转图片时，需要使用 scale() 函数来实现：

/* 图片垂直翻转并进行颜色反转 */
img {
filter: invert(100%) scaleY(-1);
}
/* 图片水平翻转并进行颜色反转 */
img {
filter: invert(100%) scaleX(-1);
}

总结来说，图片颜色反转处理在视觉设计中是十分重要的功能，而 CSS 的 filter 属性则提供了非常方便的实现方式。使用起来也非常简单，只需要设置一行代码，就可以轻松实现图片颜色反转。