CSS中的濾鏡代碼可以對元素進行各種視覺效果的修改,比如模糊、飽和度、色調等方面。以下是幾個常見的濾鏡代碼:
/* 模糊 */ .blur { filter: blur(5px); } /* 反色 */ .invert { filter: invert(100%); } /* 飽和度 */ .saturate { filter: saturate(200%); } /* 色調 */ .sepia { filter: sepia(50%); }
其中,blur()
函數可以控制元素的模糊程度,數值越大表明越模糊;invert()
函數可以將元素顏色反轉;saturate()
函數可以控制元素飽和度,超過100%則顏色會更加鮮艷;sepia()
函數可以讓元素呈現出“復古”的效果。
除此之外,還有其他的濾鏡代碼可以對元素進行更為細致的修改,比如brightness()
函數可以改變元素亮度,contrast()
函數可以控制元素對比度等等。
需要注意的是,CSS中的濾鏡代碼并不是所有瀏覽器都支持,一些老舊的瀏覽器可能無法顯示濾鏡效果,因此在使用濾鏡代碼時需要考慮兼容性問題。
上一篇css中添加鏈接代碼
下一篇css中點擊關閉按鈕