CSS3加灰度是網頁設計中常用的一種效果。通過對圖片或文本的顏色進行處理,可以使網頁看起來更加美觀、高端。下面我們來介紹一下如何使用CSS3加灰度。
img{ filter: grayscale(1); }
這是一個簡單的CSS樣式,使用了CSS3的filter屬性,將其值設置為grayscale(1),即可將圖片變成黑白灰度圖像。1表示完全的灰度,如果將其設置為0,就恢復為彩色圖像。
如果要對文字進行灰度處理,我們可以使用以下代碼:
p{ filter: grayscale(100%); }
這個樣式也是通過filter屬性進行設置。不同的是,在這里我們將值設置為100%。這樣一來,文字就會完全變成灰色。同樣的,如果將其設置為0,文字就會恢復原來的顏色。
綜上所述,使用CSS3加灰度可以為網頁增添一份時尚與高端的感覺。我們可以通過設置filter屬性的值實現將圖片與文字轉化為黑白灰度的效果,達到更好的設計效果。
下一篇css32d3d效果