CSS-文本渐变色

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

<span>你好呀！</span>

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

解释：

   background-clip:   border-box  |   padding-box    |    content-box;