在使用css時(shí),經(jīng)常需要修改背景色或者字體顏色。但是,如果想要把一張圖片變成紅色,該怎么做呢?下面我將給大家介紹一些方法。
img { filter: hue-rotate(180deg); }
這段代碼中我們使用了 filter 屬性,并設(shè)置了 hue-rotate 函數(shù)。這個(gè)函數(shù)的參數(shù)是旋轉(zhuǎn)的角度,180度代表將顏色旋轉(zhuǎn)了半個(gè)圓,即將圖片變成了紅色。
img { filter: grayscale(100%) sepia(100%) hue-rotate(180deg); }
這段代碼中我們使用了 grayscale 和 sepia 兩個(gè)函數(shù)。grayscale 把圖片轉(zhuǎn)成灰色,sepia 把灰色轉(zhuǎn)成棕色。再加上上面的 hue-rotate 函數(shù),就可以將圖片變成紅色了。
以上就是把圖片變紅的方法。通過使用 filter 屬性并傳遞相應(yīng)函數(shù)可以實(shí)現(xiàn)各種顏色的轉(zhuǎn)換。希望可以幫助到大家。