設置元素透明度的css3屬性有兩種:1、opacity屬性,可設置元素的透明度級別,語法“opacity:透明度值;”;2、filter屬性,與opacity()函數一起使用可設置元素透明度,語法“filter:opacity(值%);”。
拉薩網站制作公司哪家好,找成都創新互聯!從網頁設計、網站建設、微信開發、APP開發、響應式網站建設等網站項目制作,到程序開發,運營維護。成都創新互聯自2013年創立以來到現在10年的時間,我們擁有了豐富的建站經驗和運維經驗,來保證我們的工作的順利進行。專注于網站建設就選成都創新互聯。
本教程操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
設置元素透明度的css3屬性
1、opacity屬性
Opacity屬性設置一個元素了透明度級別。
語法:
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()函數一起使用可設置元素透明度。
值定義轉換的比例。值為0%則是完全透明,值為100%則圖像無變化。值在0%和100%之間,則是效果的線性乘子,也相當于圖像樣本乘以數量。 若值未設置,值默認是1。該函數與已有的opacity屬性很相似,不同之處在于通過filter,一些瀏覽器為了提升性能會提供硬件加速。
示例:
<!DOCTYPE html><html><head><meta charset="UTF-8"></head><body><img src="img/2.jpg" /><img src="img/2.jpg"/></body></html>(學習視頻分享:css視頻教程)
標題名稱:設置元素透明度的css3屬性是什么
URL分享:http://vcdvsql.cn/article38/chsosp.html
成都網站建設公司_創新互聯,為您提供網站設計公司、建站公司、網站設計、全網營銷推廣、網站收錄、電子商務
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯