Научите, направьте в нужном направлении css gradient

[alex.kv]

Добрый день, господа знатоки! Ни как не могу въехать в тему применения градиентов для текста с помощью css.

У меня в шаблоне логитип-градиент. 

http://i031.radikal.ru/1407/73/088d0dac1b86.png

http://s018.radikal.ru/i523/1407/fe/93fda5f53c40.png

Я попытался сделать его вот таким вот способом

.content .logo .logoText  {	position: relative;	font-size: 40px;	color: #FFF;}.content .logo .logoText:after {	content: "";	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	background:  linear-gradient(to top, #a00018 35%, #c82945 51%, #e4102c 96%);	background-size: 100% 100%;}

но получилась полная ерунда http://i058.radikal.ru/1407/12/a430d1abfcb9.png

Подскажите как быть. Как сделать такой просто пример? Где лучше почитать как делать градиент для текста в css?

 

[npofopr]

Пишешь в поисковик: "градиент для текста css" 

И 100500 советов и примеров, как это делается.