背景渐变

常用之，记录下来以备不时之需

默认，从上到下

span {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFB59D), color-stop(0.5, #FBFFE9), to(#FFB59D));
    background: -webkit-linear-gradient(#FFB59D, #FBFFE9, #FFB59D);
    background: -moz-linear-gradient(#FFB59D, #FBFFE9, #FFB59D);
    background: -o-linear-gradient(#FFB59D, #FBFFE9, #FFB59D);
    background: linear-gradient(#FFB59D, #FBFFE9, #FFB59D);
}

 

从左到右

span {
   background: -webkit-gradient(linear, 0 0, 100% 0, from(#2DB79A), to(#1C7DCE));
   background: -webkit-linear-gradient(left, #2DB79A, #1C7DCE);
   background: -moz-linear-gradient(left, #2DB79A, #1C7DCE);
   background: -o-linear-gradient(left, #2DB79A, #1C7DCE);
   background: linear-gradient(left, #2DB79A, #1C7DCE);
}