在CSS3出現之前，漸變效果只能通過圖形軟件設計圖片來實現，可拓展性差，還影響性能。如今已經進入CSS3標準的漸變可以很輕松的完成漸變效果。漸變實際上分為線性漸變和徑向漸變兩種，本文介紹線性漸變。

定義　　

漸變實際上是兩種或多種顏色之間的平滑過渡。而線性漸變是多種顏色沿著一條直線(稱為漸變線)過渡。漸變的實現由兩部分組成：漸變線和色標。漸變線用來控制發生漸變的方向；色標包含一個顏色值和一個位置，用來控制漸變的顏色變化。瀏覽器從每個色標的顏色淡出到下一個，以創建平滑的漸變，通過確定多個色標可以制作多色漸變效果。

[注意]safari4-5、IOS3.2-4.3、android2.1-3只支持線性漸變，且需要添加-webkit-；safari5.1-6、IOS5.1-6.1、android4-4.3支持線性和徑向漸變，且需要添加-webkit-；IE10+及其他高版本瀏覽器支持標準寫法

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表