css3实现文字线性渐变，css3实现背景渐变

<div class='who1'>我是线性渐变文字我是线性渐变文字我是线性渐变文字我</div>
<div class='who2'>我是背景渐变我是背景渐变我是背景渐变我是背景渐变我</div>

.who1{
  width:400px;    
  background: linear-gradient(to right, #ff0000, #ffff00); /*设置渐变的方向从左到右 颜色从ff0000到ffff00*/
  -webkit-background-clip: text;/*将设置的背景颜色限制在文字中*/
  -webkit-text-fill-color: transparent;/*给文字设置成透明*/
}

.who2{
  width:400px;         
  color:#ffffff;       
  background:linear-gradient(to left,red,black)
}

线性渐变的其它方向：
to left 到左边(结束位置) 
to right 到右边 
to top 到顶部 
to bottom 到底部
to left top 左上开始 
to left bottom 左下开始 
to right top 右上开始
to right botton 右下开始
......