渐变色文字

文字渐变:

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;

}

posted @ 2015-11-11 15:15  lynnDu  阅读(169)  评论(0编辑  收藏  举报