CSS3中,我們可以使用filter屬性給圖片添加顏色,以下是一些示例:
1、灰度濾鏡:
img { filter: grayscale(100%); }
2、飽和度濾鏡:
img { filter: saturate(50%); }
3、亮度濾鏡:
img { filter: brightness(200%); }
4、對比度濾鏡:
img { filter: contrast(200%); }
5、自定義顏色濾鏡:
img { filter: hue-rotate(30deg) saturate(200%) brightness(150%) contrast(200%); }
這些濾鏡可以組合使用,以達(dá)到不同的效果,注意,這些濾鏡會影響圖片的原始顏色,因此在使用時要謹(jǐn)慎,由于瀏覽器對CSS3的支持程度不同,因此在使用這些濾鏡時,建議測試一下在不同瀏覽器中的表現(xiàn)。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。