CSS3 filter是一個非常有用的工具，可以讓你通過CSS代碼輕松地改變你網頁上的圖像和視頻。在本文中，我們將介紹如何使用CSS3 filter來把圖像變成紅色。

img{
filter:  brightness(100%) hue-rotate(0deg) saturate(100%) sepia(0%) grayscale(0%);
filter: grayscale(0%) brightness(100%) sepia(0%) hue-rotate(0deg) saturate(100%);
filter: grayscale(0%) brightness(100%) sepia(0%) hue-rotate(0deg) saturate(100%)

如上所示，我們使用了三個不同的濾鏡，同時應用在img標簽上。第一個濾鏡是亮度，100%的亮度表示原圖像的顏色保持不變。第二個濾鏡是色相旋轉，0deg表示原圖像的顏色不發生改變。最后一個濾鏡是飽和度，100%的飽和度表示原圖像的顏色不發生改變。

通過使用這些濾鏡，我們可以通過CSS代碼將圖像變成紅色。我們只需要將hue-rotate的值改為90deg即可。如下所示：

img{
filter:  brightness(100%) hue-rotate(90deg) saturate(100%) sepia(0%) grayscale(0%);
filter: grayscale(0%) brightness(100%) sepia(0%) hue-rotate(90deg) saturate(100%);
filter: grayscale(0%) brightness(100%) sepia(0%) hue-rotate(90deg) saturate(100%)

上面的代碼中，hue-rotate的值被改成了90deg，這意味著圖像中的所有顏色都被旋轉了90度。因為紅色在顏色輪上是90度，所以這樣做就可以將整幅圖像變成紅色。

CSS3 filter的使用非常靈活和方便，可以讓你輕松地改變你網頁上的圖像和視頻。無論你是要將圖像變成紅色、黑白、或者應用其他各種效果，只需要使用不同的濾鏡即可。