All tools/Web & CSS

Box Shadow Generator

Design a CSS box-shadow visually, then copy the CSS.

0px
10px
20px
0px
25%
CSS 

    

  


  

    
      
      How this works & FAQ
    
    

      
Adjust the sliders to shape the shadow, pick a color and opacity, and optionally make it an inset (inner) shadow. Copy the resulting box-shadow CSS.