css3 gradients渐变

css渐变（gradients）

• 线性渐变（linear gradients）-向下/向上/向左/向右/对角方向。

/*background: linear-gradient(direction, color stop1, color stop2, ...)*/
background: linear-gradient(to right, black 50%, white 50%);

• 径向渐变（radial gradient）-由它们中心定义

/*background: radial-gradient(center shape size, start color, ..., last color)
中心：默认（at center centen）
	语法（at x y）都是以左上角为参考点
	x y 可以是像素也可以是百分比 
大小：
	最近边 closest-side
	最远边 farthest-side
	最近角 closest-corner
	最远角 farthest-corner
形状： ellipse 椭圆  默认值
	   circle  圆
*/
background: radial-gradient(closest-side circle at 20% 20%, blue, yellow)