新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
設(shè)置元素透明度的css3屬性是什么
設(shè)置元素透明度的css3屬性有兩種:1、opacity屬性,可設(shè)置元素的透明度級別,語法“opacity:透明度值;”;2、filter屬性,與opacity()函數(shù)一起使用可設(shè)置元素透明度,語法“filter:opacity(值%);”。
拉薩網(wǎng)站制作公司哪家好,找成都創(chuàng)新互聯(lián)!從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項目制作,到程序開發(fā),運營維護。成都創(chuàng)新互聯(lián)自2013年創(chuàng)立以來到現(xiàn)在10年的時間,我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗,來保證我們的工作的順利進行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
設(shè)置元素透明度的css3屬性
1、opacity屬性
Opacity屬性設(shè)置一個元素了透明度級別。
語法:
opacity: value;value :指定不透明度;從0.0(完全透明)到1.0(完全不透明)。
示例:


2、filter屬性
filter 屬性定義了元素(通常是)的可視效果(例如:模糊與飽和度)。
filter 屬性與opacity()函數(shù)一起使用可設(shè)置元素透明度。
值定義轉(zhuǎn)換的比例。值為0%則是完全透明,值為100%則圖像無變化。值在0%和100%之間,則是效果的線性乘子,也相當(dāng)于圖像樣本乘以數(shù)量。 若值未設(shè)置,值默認(rèn)是1。該函數(shù)與已有的opacity屬性很相似,不同之處在于通過filter,一些瀏覽器為了提升性能會提供硬件加速。
示例:


(學(xué)習(xí)視頻分享:css視頻教程)
當(dāng)前題目:設(shè)置元素透明度的css3屬性是什么
鏈接地址:http://www.dlmjj.cn/article/chsosp.html