🌑

CSS Shadow Generator

Create beautiful CSS box-shadow and text-shadow effects with live preview

Preview Box
CSS Output

          

            
Presets

            

          

        

        
        

          
CSS Box Shadow Explained

          
The CSS box-shadow property adds one or more shadow effects around an element's frame. The syntax is: box-shadow: offsetX offsetY blur spread color;

          
Shadow Parameters

          
  • Offset X/Y: Horizontal and vertical position of the shadow
  • Blur: Blur radius — higher values create softer shadows
  • Spread: Shadow size expansion or contraction
  • Color: Shadow color with optional opacity
  • Inset: Places shadow inside the element