css3给文字添加渐变色

html:
<h2 class="text-gradient">天赐美妞h2>

css:
.text-gradient {
     display : inline- block ;
     color :  green ;
     font-size :  10em ;
     ont-family: ´微软雅黑´;
     background-image : -webkit-gradient(linear,  0  0 ,  0  bottom , from(rgba( 0 ,  128 ,  0 ,  1 )), to(rgba( 51 ,  51 ,  51 ,  1 )));
     -webkit-background- clip : text;
     -webkit-text-fill- color :  transparent ;
};