文字渐变：

HTML:

<h2 class="text-gradient">ABC</h2>

 

CSS:

.text-gradient{

　　font-size: 10em;

　　dipslay: inline-block;

　　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;

}