CSS可以通過樣式設計將圖片變成任何顏色,包括黑色。
img { filter: grayscale(100%); }
上面的代碼將通過將圖片的飽和度設置為100%來將其變為灰色。但是,這不足以將其變成完全的黑色。為了實現純黑色,需要將其與黑色疊加。
img { filter: grayscale(100%) brightness(0); }
上面的代碼使用brightness濾鏡將圖像的亮度設置為0,將其變為完全黑色。如果想要讓它再次變得可見,可以將其轉化為淡灰色。
img { filter: grayscale(100%) brightness(0) contrast(50%); }
上面的代碼使用對比度濾鏡把圖像的淡灰色改為更具可見度的顏色。
要注意的是,通過CSS將圖像轉化為黑色并不會影響圖像的原始顏色。因此,如果想要一個不同的顏色,可以通過更改filter屬性中的參數來實現。
上一篇css把文字固定在最右邊
下一篇css把form表單居中