Градиентный текст с помощью CSS

Неужели работает?

Естественно! Попробуйте сами, наберите какой-либо текст для смены.

печатать здесь

Как это работает?

Шаг 1:

<h2>Ваш заголовок<span></span></h2>

Шаг 2:

h2 {
	font-size:220%;
	color:#0079b6;
	font-weight:normal;
	letter-spacing:-.05em;
	margin:.6em 0;
	position:relative;	

}

Шаг 3:

h2 span{
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:url(gradient_1.png) repeat-x;
}

Шаг 4:

* html h2 span{
	background-color:#fff;
	back\ground-color:transparent;
	background-image: url(none.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gradient_1.png", sizingMethod="scale");
}