css3背景透明漸變？

第1選擇器

第2RGBA和透明度

第3多欄布局

第4多背景圖

第5WordWrap

第6文字陰影

第7@font-face屬性

第8圓角(邊框半徑)

第9邊框圖片

第10盒陰影

第11盒子大小

第12媒體查詢

第13語音

擴展資料:

工作原理

CSS3原理同CSS，是在網頁中自定義樣式表的選擇符，然後在網頁中大量引用這些選擇符[29]。

新增特性中transform的原理較為特殊，雖然使用位移函數translate()、縮放函數scale()、旋轉函數rotate()和傾斜函數skew()可以簡單地實現變形，但是變形中的矩陣函數都可以使用matrix()函數來代替。

新增特性

CSS3的新特征有很多，例如圓角效果、圖形化邊界、塊陰影與文字陰影、使用RGBA實現透明效果、漸變效果、使用@Font-Face實現定制字體、多背景圖、文字或圖像的變形處理（旋轉、縮放、傾斜、移動）、多欄布局、媒體查詢等。

參考資料:百度百科-css3

css中，如何設置前景色的透明度？

1、準備好初始化的代碼

html

head

metacharset="utf-8"/

style

/style

/head

body

div/div

/body

/html

2、初始化樣式

div{

border:1pxredsolid;

width:800px;

height:800px;

background-color:blue;

}

3、運行結果為

4、設置背景顏色半透明的樣式代碼background-color:rgba(0,0,255,0.5);

5、運行結果為

透明原理：把背景顏色設置為rgb的方式，然後再加壹個透明度就可以設置為半透明了。

註意：設置背景顏色時哪裏應該寫成rgba。

需要準備的材料分別有：電腦、瀏覽器、html編輯器。

1、首先，打開html編輯器，新建html文件，例如：index.html。

2、在index.html中的style標簽中，輸入css代碼：

div{width:200px;height:150px;background:linear-gradient(red,white);}

3、瀏覽器運行index.html頁面，此時td中的div的背景顏色從紅色到白色漸變。