html顏色漸變怎麼弄呢

歡迎大家在這裡學習html顏色漸變!下面是我們給大家整理出來的精彩內容。希望大家在這裡學習!

從左到右的線性漸變，且帶有透明度的樣式：

#grad {

background: -webkit-linear-gradient(left,rgba(255,0,0,0),rgba(255,0,0,1)); /* Safari 5.1 - 6 */

background: -o-linear-gradient(right,rgba(255,0,0,0),rgba(255,0,0,1)); /* Opera 11.1 - 12*/

background: -moz-linear-gradient(right,rgba(255,0,0,0),rgba(255,0,0,1)); /* Firefox 3.6 - 15*/

background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); /* 標准的語法 */

}

其中rgba()中的4個數字，前3個為顏色rgb，最後1個是透明度，取值0-1，0為透明,1為不透明

好了，html顏色漸變內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!

相關推薦：

html顏色代碼是怎麼算的呢