CSS濾鏡是一種可以對網頁中的圖像、文本等元素進行處理的技術。通過在元素上應用不同的濾鏡,可以實現相應的效果,比如模糊、變暗、變亮等。
img { filter: blur(2px); }
上述代碼可以將圖片模糊化,其中blur函數的參數2px表示模糊的程度。
h1 { filter: brightness(70%); }
上述代碼可以將標題元素的亮度降低到70%。
button { filter: sepia(70%); }
上述代碼可以將按鈕元素的顏色風格變為偏黃色的復古風格。
除了上述示例中的濾鏡函數,CSS還支持其他多種濾鏡,如對比度調節、色相旋轉等等。通過應用不同的濾鏡,可以實現各種各樣的有趣效果。