css3怎樣實現(xiàn)低亮度顯示

css中可利用filter屬性和brightness()函數(shù)實現(xiàn)低亮度顯示，filter屬性用于定義圖片元素的可視效果，配合brightness()函數(shù)使用可設(shè)置元素的明暗樣式，語法“元素{filter:brightness(明暗值)}”。
創(chuàng)新互聯(lián)建站堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的邢臺縣網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

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

css3怎樣實現(xiàn)低亮度

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

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

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

示例如下：

<html><head><style>.img1{ -webkit-filter: brightness(50%); /* Chrome, Safari, Opera */ filter: brightness(50%);}</style></head><body><p>左面低亮度，右面原亮度:</p><img src="pineapple.jpg" alt="Pineapple" width="300" height="300" class="img1"><img src="pineapple.jpg" alt="Pineapple" width="300" height="300"><p><strong>注意:</strong> Internet Explorer 或 Safari 5.1 (及更早版本) 不支持該屬性。</p></body></html>

輸出結(jié)果：

（學(xué)習(xí)視頻分享：css視頻教程）

當(dāng)前文章：css3怎樣實現(xiàn)低亮度顯示
本文來源：http://www.rwnh.cn/article46/cgjphg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、網(wǎng)站設(shè)計公司、網(wǎng)站排名、外貿(mào)建站、搜索引擎優(yōu)化、云服務(wù)器

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

内射老阿姨1区2区3区4区_久久精品人人做人人爽电影蜜月_久久国产精品亚洲77777_99精品又大又爽又粗少妇毛片

css3怎樣實現(xiàn)低亮度顯示