Box Shadow Generator

Drag, type or paste a box-shadow — the CSS updates as you go.

Last valid shadow

      
      

      

        
        
        
        
        
        
        
      

      
px · sRGB · the first layer paints on top

    

  


  

    

      

      

        

          

          

        

        

          
          
          
          

        

        

        

          
          
          
          
          
          
          
        

        

          Make this layer smoother (split it into 2–8 softer layers)
          

            
            
            5
            
          

          
Splits the shadow into layers that each double the last one's offset and blur, with opacities chosen so the darkest point matches the original. Contact stays crisp, the falloff gets soft.

        

      

      
    


    

      
Start from a preset