CSS中有很多內置的功能來優化和美化網頁，其中就包括一些有意思的濾鏡效果。讓我們來看看CSS中的兩種常見濾鏡效果吧！

.my-class {
filter: grayscale(100%);
}

第一種濾鏡效果是灰度，通過設置filter屬性為grayscale(100%)，可以將元素中的所有顏色都轉變為灰色。這是一種很有趣的效果，可以用來創造出復古的、富有歷史感的風格，或者制造出一種沉靜的氛圍。

.my-class {
filter: blur(5px);
}

第二種濾鏡效果是模糊，通過設置filter屬性為blur(5px)，可以使元素變得模糊。這種效果常常被用來創造出景深的效果，或者反應出深度與迷霧的意境。你可以通過改變px值來實現不同程度的模糊效果，讓你的網頁顯得更加有趣、吸引人。