radial-gradient（径向渐变）

介绍

1、radial-gradient( )径向渐变（放射性效果）

2、默认情况下，径向渐变的形状是根据元素的形状来计算的

正方形- ->圆形
长方形- ->椭圆形

3、我们也可以手动指定径向渐变的大小

可选值：

		circle		圆形
		
		ellipse		椭圆

示例：

background-image:radial-gradient(100px 100px , red , yellow);

background-image:radial-gradient(circle , red , yellow);

background-image:radial-gradient(ellipse , red , yellow);

4、也可以指定渐变的位置

示例：
	   
background-image:radial-gradient(100px 100px at 0 0, red , yellow);

background-image:radial-gradient(100px 100px at 100px 100px,
 red , yellow);
 
background-image:radial-gradient(100px 100px at center center,
 red , yellow);

background-image:radial-gradient(at top left, red , yellow);

---

总结语法

radial-gradient(大小 at 位置,颜色 位置,颜色 位置,颜色 位置)

大小：

		circle					圆形
		
		ellipse					椭圆
		
		closest-side			近边
		
		closest-corner			近角
		
		farthest-side			远边
		
		farthest-corner			远角
--------------------------------------------------------------------

位置：

		top right left center bottom	位置方位词在前面需要加上`at`
		
		100px							直接用像素