用CSS3实现背景渐变的方法

1. /*为元素盒子添加样式*/     div {    
2.  height:150px;      width:200px;    
3.  border:1px solid #ccc;      float:left;    
4.  margin:16px;     }    
5.    /*例 1：默认为从上到下*/    
6. .gradient1 {      background:linear-gradient(#e86a43, #fff);    
7. }       
8. /*例 2：从左到右*/     .gradient2 {    
9.  background:linear-gradient(left, #64d1dd, #fff);     }    
10.    /*例 3：左上到右下*/    
11. .gradient3 {      background:linear-gradient(-45deg, #e86a43, #fff);    
12. }   

放射性渐变

在创建放射性渐变时，可以使用参数指定形状、位置、尺寸、颜色和不透明度