css3 渐变（从左到右、从上至下） 文字渐变

从左到右

background:linear-gradient(to right,#b0a3e8,#4d447b);

 如果三种颜色：background:linear-gradient(to right,#b0a3e8,#8374c5,#4d447b);

 

两种颜色效果如图：

从上之下

background: -webkit-linear-gradient(#9589ca, #4e447c); 
background: -o-linear-gradient(#9589ca, #4e447c); 
background: -moz-linear-gradient(#9589ca, #4e447c); 
background: linear-gradient(#9589ca, #4e447c);

 

效果如图： 把颜色换成红色和跟蓝色比较明显

文字从左到右渐变

background: linear-gradient(to right, #1ca639, #afe311);
-webkit-background-clip: text;
color: transparent;

效果如图: