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 ;

};