.radial1 {
	display : block;
	width : 400;
	height : 200;
	background-image : radialGradient(center,top,circle,cover,[
		[yellow, 0],
		[red, 1]
	]);
}

.radial2 {
	display : block;
	width : 400;
	height : 200;
	background-image : radialGradient(90,20, ellipse, farthestCorner, [
		[black, 0],
		[blue, 0.5],
		[rgba(0, 0, 255, 0), 0.7],
	]);
}

function rainbowGradient(color) {
	var num = 6;
	var stops = [], shift;
	for (var i=0;i<=num;i++) {
		shift = i/num;
		stops.push([ blueshift(color,shift), shift ]);
	}
	return stops;
}

.radial3 {
	display : block;
	width : 400;
	height : 200;
	background-image : radialGradient(center, center, ellipse, closestSide, rainbowGradient(yellow));
}