之前也研究过css3的这个属性，感觉没什么大用，一般的开发不会用到，毕竟调出来的渐变不专业，不如找一个好看的图片，其实很多时候还是有用的，偷来三个例子。

一、控制虚线

一般写虚线都用dashed，但有时候出来的效果并不是我们想要的，比如控制虚线间的间距，感觉力不从心啊。

用linear-gradient效果还是比较理想的。

另外关于虚线，复制demo，可自己调。

demo

     
     
    
      
        
       
            
        
效果：
            
        
                
         
                    
          
HTML代码：
                    
          
<div class="dashed"></div>
                    
          
CSS代码：
                    
                              
          
效果预览：
                    
          
                                        
          
参数控制：
                    
          
选择实虚比例： 3:1 2:1 3:2 1:1 1:2 
                    
          
选择虚线步幅(3-30)：
                    
          
选择虚线宽度(1-10)：
                    
          
选择虚线颜色：
                
         
            
        
        
       
          
      
     

二、用linear-gradient实现气泡对话框

    
             
     
        
      
这是对话内容
    
     

三、用linear-gradient实现 加减号

@