CSS Box Shadow Generator

About CSS Box Shadows

• Horizontal Offset moves the shadow left (negative) or right (positive).
• Vertical Offset moves the shadow up (negative) or down (positive).
• Blur Radius controls how blurry the shadow appears (0 = sharp).
• Spread Radius expands or contracts the shadow size.
• Shadow Color defines the color of the shadow, with opacity control.
• Inset Shadow changes the shadow from an outer shadow to an inner shadow.
• Box shadows don't affect the layout of elements and don't cause scrolling.
• Multiple shadows can be applied by comma-separating shadow definitions.
• This tool works entirely in your browser - your shadow data never leaves your computer.