這篇文章主要介紹css3如何實(shí)現(xiàn)低亮度顯示，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

站在用戶的角度思考問題，與客戶深入溝通，找到晉城網(wǎng)站設(shè)計(jì)與晉城網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名申請(qǐng)、虛擬空間、企業(yè)郵箱。業(yè)務(wù)覆蓋晉城地區(qū)。

css中可利用filter屬性和brightness()函數(shù)實(shí)現(xiàn)低亮度顯示，filter屬性用于定義圖片元素的可視效果，配合brightness()函數(shù)使用可設(shè)置元素的明暗樣式，語法“元素{filter:brightness(明暗值)}”。

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

在css中，想要實(shí)現(xiàn)低亮度，可以利用filter屬性。

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

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

示例如下：

左面低亮度，右面原亮度:


注意: Internet Explorer 或 Safari 5.1 (及更早版本) 不支持該屬性。

輸出結(jié)果：

以上是“css3如何實(shí)現(xiàn)低亮度顯示”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！