這篇文章主要講解了“css如何使圖片變暗些”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“css如何使圖片變暗些”吧！

我們提供的服務(wù)有：成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、忠縣ssl等。為千余家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的忠縣網(wǎng)站制作公司

css中，可利用filter屬性和brightness()函數(shù)來讓圖片變暗，filter屬性用于設(shè)置圖片元素的可視效果，配合brightness()使用可調(diào)整圖片的亮度，語法為“圖片元素{filter:brightness(亮度值);}”。

本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

css怎么使圖片變暗些

在css中，我們可以利用filter屬性使圖片變暗，該屬性用于設(shè)置元素的可視效果，當(dāng)該屬性的值為brightness()時(shí)，可以設(shè)置圖片的敏感程度。

給圖片應(yīng)用一種線性乘法，使其看起來更亮或更暗。如果值是0%，圖像會(huì)全黑。值是100%，則圖像無變化。其他的值對應(yīng)線性乘數(shù)效果。值超過100%也是可以的，圖像會(huì)比原來更亮。如果沒有設(shè)定值，默認(rèn)是1。

示例如下：

輸出結(jié)果：

感謝各位的閱讀，以上就是“css如何使圖片變暗些”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對css如何使圖片變暗些這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點(diǎn)的文章，歡迎關(guān)注！