CSS3提供了許多強大的樣式效果，其中一項就是filter（濾鏡）效果。本文將介紹CSS3中filter效果的一種類型——漸變效果。

.box {
background: linear-gradient(to bottom, #00aaff, #ff00aa);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aaff', endColorstr='#ff00aa', GradientType=0);
}

上述代碼中使用了linear-gradient屬性來創建一個從上到下的漸變，起始顏色為#00aaff，結束顏色為#ff00aa。同時，為了兼容IE瀏覽器，使用了filter屬性和progid:DXImageTransform.Microsoft.gradient來實現漸變效果。

除了線性漸變（linear-gradient），還可以使用徑向漸變（radial-gradient）。語法如下：

.box {
background: radial-gradient(circle at center, #00aaff, #ff00aa);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aaff', endColorstr='#ff00aa', GradientType=1);
}

同樣，為了兼容IE瀏覽器，使用了filter屬性和progid:DXImageTransform.Microsoft.gradient來實現徑向漸變效果。

另外，CSS3還支持使用多個顏色值進行漸變，例如：

.box {
background: linear-gradient(to bottom, #00aaff, #66ff00, #ff00aa);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aaff', endColorstr='#ff00aa', GradientType=0);
}

上述代碼中使用了3個顏色值進行漸變，效果如下：

總之，CSS3提供的漸變效果可以為網頁帶來更加豐富的視覺效果，同時也需要注意兼容性問題。