Box Shadow Generator - Doc Downloads

A box-shadow generator allows users to customize shadows for UI elements. Users can adjust horizontal and vertical offsets, blur radius, spread radius, and color.

Shadow Generator

Preview

Horizontal Offset (X-axis): 10px

Vertical Offset (Y-axis): 10px

Blur Radius: 20px

Spread Radius: 0px

Shadow Color:

Background Color:

Generated CSS:

box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);