這篇文章主要介紹firefox中css把圖片變成灰色的方法，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)公司是一家專注于網(wǎng)站建設(shè)、網(wǎng)站設(shè)計與策劃設(shè)計,大荔網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)十多年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:大荔等地區(qū)。大荔做網(wǎng)站價格咨詢:18982081108

firefox中css把圖片變成灰色的方法：可以通過屬性【-webkit-filter:grayscale(100%);】來實現(xiàn)。filter屬性定義了元素的可視效果，如模糊與飽和度等。

屬性介紹：

filter 屬性定義了元素(通常是)的可視效果(例如：模糊與飽和度)。

屬性值：

grayscale(%)    將圖像轉(zhuǎn)換為灰度圖像。值定義轉(zhuǎn)換的比例。值為100%則完全轉(zhuǎn)為灰度圖像，值為0%圖像無變化。值在0%到100%之間，則是效果的線性乘子。若未設(shè)置，值默認(rèn)是0；

代碼示例：

實現(xiàn)效果：

以上是“firefox中css把圖片變成灰色的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！