CSS是網頁開發中重要的一環，通過CSS我們可以將網頁美化、優化并整合。其中，filter（濾鏡）用來調整元素的外觀,如透明度、亮度。

filter:blur(5px);
filter:brightness(80%);
filter:contrast(150%);
filter:grayscale(50%);
filter:hue-rotate(90deg);
filter:invert(75%);
filter:opacity(50%);
filter:saturate(30%);
filter:sepia(20%);

這些代碼就是通過CSS的filter來實現不同的效果。其中，blur屬性用于使元素模糊，brightness屬性則控制元素的亮度。contrast和saturate十分相似，分別用于控制對比度和飽和度。而grayscale和sepia屬性用于將元素變為灰度和棕色。hue-rotate和invert屬性則是用于控制元素顔色的。opacity用于控制元素透明度。

CSS filter是一種強大的工具，它可以幫助我們實現多樣化的設計。但同時，也需要注意瀏覽器兼容性、效果實現等問題。因此，在實際使用中，我們需要掌握好filter的基本用法，靈活運用它，做出美觀且實用的網頁。