CSS Filter濾鏡是CSS3中新增的一個功能,使用濾鏡可以改變圖像的顏色、亮度、對比度等屬性,實現各種特效,例如模糊、灰度、反色等效果。
濾鏡可以使用filter屬性來應用,語法如下:
img { filter: blur(5px); }
上面的代碼應用了一個模糊濾鏡,將圖片模糊化5像素。
除了模糊濾鏡,CSS3還提供了多種其他的濾鏡類型,如下:
grayscale()
: 將圖像轉換為灰度圖像sepia()
: 將圖像轉換為暖色調的棕褐色invert()
: 將圖像反轉,即黑變白,白變黑brightness()
: 調整圖像的亮度contrast()
: 調整圖像的對比度saturate()
: 增加圖像的飽和度hue-rotate()
: 調整圖像的色相blur()
: 對圖像進行模糊處理opacity()
: 調整圖像的透明度
CSS Filter濾鏡可用于多種場景,例如美化圖片、增強用戶體驗等。
上一篇mysql的本地連接地址
下一篇css fixed布局