在前端開發(fā)中，圖片反轉(zhuǎn)是很常見的效果之一。使用 CSS 可以輕松實現(xiàn)圖片顏色的反轉(zhuǎn)。

CSS3 提供了 filter 屬性來處理網(wǎng)頁元素的外觀，其中有一個invert()函數(shù)可用于反轉(zhuǎn)顏色。

下面是一個簡單的例子：

這行 CSS 將通過invert()函數(shù)，將圖片所有顏色進行反轉(zhuǎn)。在這個例子中100%表示反轉(zhuǎn)顏色的程度。設(shè)置為100%會完全顛倒顏色，而0%則不會發(fā)生變化。

通過設(shè)置不同的invert()參數(shù)，可以實現(xiàn)各種特殊的效果。比如，反轉(zhuǎn)圖片的黑白色調(diào)：

注意，如果對整個網(wǎng)站的顏色進行反轉(zhuǎn)，可以在 CSS 根元素上使用invert()函數(shù)：

html {
filter: invert(100%);
}

可以看到，使用 CSS 實現(xiàn)圖片顏色反轉(zhuǎn)非常簡單且實用。掌握這個技巧可以為你的網(wǎng)頁增添更多的視覺效果。