這篇文章將為大家詳細(xì)講解有關(guān)css3中顏色線性漸變色彩的實現(xiàn)案例，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

網(wǎng)站設(shè)計制作、做網(wǎng)站的開發(fā)，更需要了解用戶，從用戶角度來建設(shè)網(wǎng)站，獲得較好的用戶體驗。創(chuàng)新互聯(lián)公司多年互聯(lián)網(wǎng)經(jīng)驗，見的多，溝通容易、能幫助客戶提出的運營建議。作為成都一家網(wǎng)絡(luò)公司，打造的就是網(wǎng)站建設(shè)產(chǎn)品直銷的概念。選擇創(chuàng)新互聯(lián)公司，不只是建站，我們把建站作為產(chǎn)品，不斷的更新、完善，讓每位來訪用戶感受到浩方產(chǎn)品的價值服務(wù)。

css3 Gradient分為線性漸變（linear）和徑向漸變（radial）。由于不同的渲染引擎實現(xiàn)漸變的語法不同，這里我們只針對線性漸變的 W3C 標(biāo)準(zhǔn)語法來分析其用法，其余大家可以查閱相關(guān)資料。 語法已經(jīng)得到了 IE10+、Firefox19.0+、Chrome26.0+ 和 Opera12.1+等瀏覽器的支持。

線性漸變語法：

linear-gradient(to bottom,#FFF,#999)

參數(shù)：第一個參數(shù)指定漸變方向，可以用角度或英文來表示：

第二個和第三個參數(shù)，表示顏色的起始點和結(jié)束點，可以有多個顏色值

background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet);

實例代碼：

 
 
 
 
  　　
右下角向左上角的線性漸變背景
  
  

效果如下：

關(guān)于css3中顏色線性漸變色彩的實現(xiàn)案例就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

分享題目：css3中顏色線性漸變色彩的實現(xiàn)案例-創(chuàng)新互聯(lián)
文章起源：http://weahome.cn/article/ieijj.html