線性漸變:
屬性:linear-gradinet(開始位置 角度,起始顏色,終止顏色 )
開始位置:漸變開始的位置,屬性值可以為百分比/長度/left、right、top、bottom(可組合使用)
角度:漸變終止方向的角度,當開始位置為數(shù)值或百分比時候可用
起始顏色......
終止顏色......
重復漸變將屬性修改為:repeating-linear-gradinet()
徑向漸變(放射漸變):屬性:radial-gradinet()(形狀 發(fā)散方向,起始顏色,終止顏色)
形狀:ellipse(橢圓)/circle(圓形)
發(fā)散方向:屬性值可以為left、right、top、bottom、center(可組合使用)
大小(半徑):屬性值可用像素或關鍵字表示closest-side:圓心到距離最近的邊
farthest-side:圓心到距離最遠的邊
closest-corner:圓心到距離最近的角
farthest-corner:圓心到距離最遠的角
起始顏色......
終止顏色......
重復的徑向漸變:repeating-radial-gradinet()