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. }   

放射性漸變

在創建放射性漸變時，可以使用參數指定形狀、位置、尺寸、顏色和不透明度