div {
	margin-right:10px;
	width: 300px;
	color: #ffffff;
	font-weight: bold;
}
div.container {
	margin: 30px 10px;
	width: 100%;
	height: 140px;
	display: -moz-box;
	display: -webkit-box;
	display: box;
}
#sample1 {
	background: -moz-radial-gradient(circle closest-side, crimson, violet);
	background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 70, from(crimson), to(violet));
	background: linear-guradient(circle closest-side, crimson, violet);
}
#sample2 {
	background: -moz-radial-gradient(circle farthest-side, crimson, violet);
	background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 150, from(crimson), to(violet));
	background: radial-gradient(circle farthest-side, crimson, violet);
}
#sample3 {
	background: -moz-radial-gradient(left bottom, circle cover, red, gold);
	background: -webkit-gradient(radial, left bottom, 0, left bottom, 300, from(red), to(gold));
	background: radial-gradient(left bottom, circle cover, red, gold);
}
#sample4 {
	background: -moz-radial-gradient(left bottom, circle cover, red 50px, gold 150px);
	background: -webkit-gradient(radial, left bottom, 50, left bottom, 150, from(red), to(gold));
	background: radial-gradient(left bottom, circle cover, red 50px, gold 150px);
}