How do I create a teardrop in HTML?

后端 未结 12 548
生来不讨喜
生来不讨喜 2020-12-02 03:59

How do I create a shape like this to display on a webpage?

I don\'t want to use images since they would get blurry on scaling

12条回答
  •  囚心锁ツ
    2020-12-02 04:44

    Here are four progressively simpler SVG teardrop shapes:

    
      
        
        
    
        
        
        
    
        
        
        
        
        
        
          
            
            
            
            
            
            
            
            
            
            
            
          
          
            
            
            
            
            
            
            
            
            
            
          
          
            
            
            
            
            
            
            
            
          
          
            
            
            
            
            
            
          
            
      
      
        # of unique points:
        8
        7
        4
        3
      
    

提交回复
热议问题