CSS3 filter 是一個功能強大的屬性，它可以對圖片進行很多有趣的處理，如模糊、對比度、亮度等等。其中，反轉是一種常見的處理方式，可以將圖片顏色進行反轉，讓原來黑色的部分變為白色，白色的部分變為黑色，從而獲得新的效果。

img {
filter: invert(100%);
}

可以看到，使用 filter 屬性來實現反轉是非常簡單的，只需要加入 invert() 方法并設置百分比即可。如果寫成 invert(50%)，那么圖片的顏色會被反轉一半，即原來黑色的部分會變為灰色，白色的部分也會變成灰色。

另外，我們還可以通過 filter 屬性實現其他有趣的圖片效果，如高斯模糊、飽和度、對比度等等。這些效果可以讓圖片更加美觀，讓網頁的視覺效果更加豐富多彩。

img {
filter: blur(5px) saturate(200%) contrast(200%);
}

以上代碼實現了一次綜合的圖片效果調整，其中 blur(5px) 表示設置5像素的高斯模糊，saturate(200%) 表示飽和度增加200%，contrast(200%) 表示對比度增加200%。這些參數都可以根據自己的需要進行調整，以獲得最佳的效果。

在實際開發中，很多網站都會使用 CSS3 filter 屬性來實現圖片效果的調整，以達到更好的視覺效果。我們可以通過學習 CSS3 filter 屬性的使用方法，來豐富自己的網頁設計技能，讓網站更加美觀和吸引人。