CSS3-文本渐变色

在活动中，文字的颜色经常采用渐变的效果，在此，做一下笔记

<span>你好呀！</span>

span{
   background-image: linear-gradient(to right, red, blue);
   -webkit-background-clip: text;
   color: transparent;
}　　

 效果图：

 

注：-webkit-background-clip: text; 务必添加前缀（-webkit-）