CSS圖片替換顏色是一種簡單而有效的方式,可以在不修改圖片本身的情況下改變圖片的顏色!以下是一些常用的CSS代碼:
/* 顏色替換 */ filter: invert(100%); filter: grayscale(100%); filter: sepia(100%); filter: hue-rotate(180deg); filter: saturate(8); /* 特定顏色替換 */ filter: hue-rotate(45deg) drop-shadow(0 0 0 rgba(255,0,0,0.75)); /* 其他 */ -webkit-filter: brightness(200%) contrast(2); -moz-filter: brightness(200%) contrast(2); -o-filter: brightness(200%) contrast(2); -ms-filter: brightness(200%) contrast(2); filter: brightness(200%) contrast(2);
以上代碼包括顏色替換、特定顏色替換和其他特性。 顏色替換是最基本的,使用它可以完全顛倒圖片的顏色;使用灰度可以使圖片灰色,sepia則可以使圖片變成深棕色;hue-rotate和saturate可以將圖片的整體色相和飽和度改變?yōu)椴煌闹怠? 特定顏色替換使用非常有限,可以使某些顏色被過濾掉,比如灰色或者紅色,等等;而其他的一些特性則可以將圖片變得更加明亮或者對比度更高。 請注意,這些代碼并不一定適用于所有圖片。因此,需要嘗試不同的方法才能發(fā)現(xiàn)哪種方法最適合您的要求。舍去it!
上一篇css 圖片文本居中對齊
下一篇mysql的三種查詢方式