CSS3動畫過濾特效早已成為網頁設計中的熱門話題，因其能夠為網頁加入一些漂亮的效果而備受青睞。

.animation {
transition: all 0.3s ease-in-out;
}
.animation:hover {
filter: grayscale(100%);
transform: scale(1.2);
}

上面的代碼是一個簡單的CSS3動畫過濾特效示例。當鼠標懸停在具有class為“animation”的元素上時，元素會產生兩種效果：圖片變為黑白模式，同時放大1.2倍。

CSS3動畫過濾特效可用于包括圖片、按鈕等元素，通過設置不同的過濾屬性和動畫效果，可以實現不同的效果。例如，網頁可能需要在圖片懸停時變成灰色，并且帶有一些漸變效果，這可以通過以下代碼實現：

.img-animation {
transition: all 0.3s ease-in-out;
filter: grayscale(0);
}
.img-animation:hover {
filter: grayscale(100%);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

在上面的代碼中，class為“img-animation”的元素被設置為擁有0的灰度（即是彩色的），當鼠標懸停在圖片上時，將產生濾色效果，同時圖片周圍將產生一個帶有陰影的盒子。

總之，CSS3動畫過濾特效是網頁設計的必備技能，無論是單一的效果還是組合的效果，都能為網頁增添更多的魅力和吸引力。