CSS динамический градиент текста

Question

Я хочу Gradient Some Text, я сделал это с помощью следующего кода. Проблема в том,

Он работает на Chrome, но не работает в Internet Explorer

Другое дело, это относится горизонтально

Хочу Вертикально, Более конкретно в 45 Угол положения, центр сфокусирован или круговой градиент

Style Sheet:

<style> 
h1 { 
    font-size: 60px; 
    background: -webkit-linear-gradient(RED, GREEN, BLUE); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
} 

p { 
    font-size: 18px; 
    background: -webkit-linear-gradient(RED, GREEN, BLUE); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
} 
</style> 

Теги:

<h1>I Want Gradient</h1> 
<p>I want to apply Some Gradient<br/>ON Given Paragraph With<br/>Different angles and<br/>With Different Styles</p> 

Результат на Chrome:

Результат на IE:

Пожалуйста, помогите мне, спасибо,

Answer 1

Heres Окружность Gradient пример: http://jsfiddle.net/swm53ran/74/

<div> 
    <h1 class="grad1">I Want Gradient</h1> 
    <br/> 
    <p class="grad1">I want to apply Some Gradient<br/>ON Given Paragraph With<br/>Different angles and<br/>With Different Styles</p> 
</div> 

.grad1 { 
    display:inline-block; 
    background: -webkit-radial-gradient(red 5%, green 15%, blue 60%); /* Safari 5.1 to 6.0 */ 
    background: -o-radial-gradient(red 5%, green 15%, blue 60%); /* For Opera 11.6 to 12.0 */ 
    background: -moz-radial-gradient(red 5%, green 15%, blue 60%); /* For Firefox 3.6 to 15 */ 
    background: radial-gradient(red 5%, green 15%, blue 60%); /* Standard syntax (must be last) */ 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
} 

Answer 2

Вот 45 градусов угол градиента : http://jsfiddle.net/swm53ran/75/

.grad1 { 
    display:inline-block; 
    background: -webkit-linear-gradient(45deg,red,yellow,green); 
    background: linear-gradient(45deg,red,yellow,green); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
}