設(shè)置元素透明度的css3屬性是什么

設(shè)置元素透明度的css3屬性有兩種：1、opacity屬性，可設(shè)置元素的透明度級(jí)別，語(yǔ)法“opacity:透明度值;”；2、filter屬性，與opacity()函數(shù)一起使用可設(shè)置元素透明度，語(yǔ)法“filter:opacity(值%);”。

拉薩網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、APP開(kāi)發(fā)、響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作，到程序開(kāi)發(fā)，運(yùn)營(yíng)維護(hù)。成都創(chuàng)新互聯(lián)自2013年創(chuàng)立以來(lái)到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專(zhuān)注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)。

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

設(shè)置元素透明度的css3屬性

1、opacity屬性

Opacity屬性設(shè)置一個(gè)元素了透明度級(jí)別。

語(yǔ)法：

opacity: value;

value ：指定不透明度；從0.0（完全透明）到1.0（完全不透明）。

示例：

<!DOCTYPE html><html><head><meta charset="UTF-8"></head><body><img src="img/2.jpg" /><img src="img/2.jpg"/></body></html>

2、filter屬性

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

filter 屬性與opacity()函數(shù)一起使用可設(shè)置元素透明度。

值定義轉(zhuǎn)換的比例。值為0%則是完全透明，值為100%則圖像無(wú)變化。值在0%和100%之間，則是效果的線性乘子，也相當(dāng)于圖像樣本乘以數(shù)量。 若值未設(shè)置，值默認(rèn)是1。該函數(shù)與已有的opacity屬性很相似，不同之處在于通過(guò)filter，一些瀏覽器為了提升性能會(huì)提供硬件加速。

示例：

<!DOCTYPE html><html><head><meta charset="UTF-8"></head><body><img src="img/2.jpg" /><img src="img/2.jpg"/></body></html>

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

標(biāo)題名稱(chēng)：設(shè)置元素透明度的css3屬性是什么
URL分享：http://muchs.cn/article38/chsosp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、建站公司、網(wǎng)站設(shè)計(jì)、全網(wǎng)營(yíng)銷(xiāo)推廣、網(wǎng)站收錄、電子商務(wù)

廣告

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

成都做網(wǎng)站