CSS 是一種強大的樣式表語言,它不僅可以改變文本樣式,還可以改變圖片顏色。下面就讓我們來介紹一下如何使用 CSS 來改變圖片顏色。
img { filter: grayscale(100%); }
上面是改變圖片為灰色的代碼。CSS 中的 filter 屬性可以接受多種濾鏡效果,其中 grayscale(100%) 表示將圖片完全轉(zhuǎn)化為灰度圖像。
img { filter: brightness(50%); }
上面是改變圖片亮度的代碼。brightness(50%) 表示將圖片亮度降低 50%。
img { filter: sepia(100%); }
上面是改變圖片為深褐色的代碼。sepia(100%) 表示將圖片完全轉(zhuǎn)化為深褐色。
除了上面這幾種濾鏡效果,CSS 還支持很多其他的效果,例如飽和度、對比度、模糊等等。只要你掌握了這些基本概念,你就可以隨心所欲地改變圖片的顏色了。
上一篇HTML的代碼和注釋
下一篇java 同步和互斥