Создание простых радиальных градиентов с использованием CSS

Демонстрация работы простых радиальных градиентов, адаптация примера из урока Dudley Storey, специально для сайта dejurka.ru

HTML

<div id="gradient-example" style="float:left;"> 
</div><div id="gradient-example-circle" style="float:left;"></div>

CSS

div#gradient-example {
	width: 100px;
	height: 250px;
	border: 2px solid #000;
	background-image: radial-gradient(#dbdbdb, #00002b);
}
div#gradient-example-circle {
	width: 100px;
	height: 250px;
	border: 2px solid #000;
	background-image: radial-gradient(circle closest-side, #dbdbdb, #00002b);
}