一 文法
background-image:radial-gradient(position,shape size,start-color, color,..
1 position 漸變中心位置
值有center，top left（左上角），topright（右上角），bottom left（左下角），bottom right（右下角）；也可以采用百分比（x軸 y軸）進行定位；預設值為center
2 shape 定義漸變形狀
值有circle（圓）和ellipse（橢圓），預設值為cllipse
3 size 漸變形狀大小
有四個值closest-side，farthest-side，closest-corner，farthest-corner，預設值為closest-side
4 start-color, color,..
漸變顔色，可以為多種顔色，每種顔色後可用百分比定義漸變寬度
二 舉例說明
1 background:-webkit-radial-gradient(center,#F00,#9F0,#06F);
設定了漸變起始位置為中心，預設漸變形狀為橢圓
2 background: -webkit-radial-gradient(40px40px,circle,#F00,#9F0,#06F);
利用px數值設定中心定位的漸變，形狀為圓形
3 background: -webkit-radial-gradient(20%20%,circle,#F00,#9F0,#06F);
利用百分比設定漸變中心的位置，漸變形狀設定為圓形
4 background: -webkit-radial-gradient(50%50%,circle,#F00,#9F0,#06F);
利用百分比将漸變中心設定在容器中心位置，漸變形狀設定為圓形
5 background:-webkit-radial-gradient(center,circle,#F00,#9F0,#06F);
利用center設定漸變位置為中心，漸變形狀為圓形
6 background:-webkit-radial-gradient(center,circle closest-side,#F00,#9F0,#06F);
設定形狀為圓形的大小為closest-side的漸變
7 background:-webkit-radial-gradient(center,circle farthest-side,#F00,#9F0,#06F);
設定形狀為圓形的大小為farthest-side的漸變
8 background:-webkit-radial-gradient(center,circle closest-corner,#F00,#9F0,#06F);
設定形狀為圓形的大小為closest-corner的漸變
9 background:-webkit-radial-gradient(center,circle farthest-corner,#F00,#9F0,#06F);
設定形狀為圓形的大小為farthest-corner的漸變