linear-gradient() 函數用于創建一個線性漸變的 "圖像"。

為了創建一個線性漸變，你需要設置一個起始點和一個方向(指定為一個角度)的漸變效果。你還要定義終止色。終止色就是你想讓Gecko去平滑的過渡，并且你必須指定至少兩種，當然也會可以指定更多的顏色去創建更復雜的漸變效果。

語法：background-image:?linear-gradient(direction,?color-stop1,?color-stop2,?...);值描述

direction用角度值指定漸變的方向(或角度)。

color-stop1, color-stop2,...用于指定漸變的起止顏色。

DEMO：html>

CSS3里的linear-gradient()函數

#grad1?{

height:?200px;

background-color:?red;?/*?不支持線性的時候顯示?*/

background-image:?linear-gradient(to?right,?red?,?yellow);

}

線性漸變?-?從左到右

從左邊開始的線性漸變。起點是紅色，慢慢過渡到黃色：

注意：?Internet?Explorer?8?及之前的版本不支持漸變。

預覽看下吧。