Box Shadow Generator

Generate CSS box shadows

🔒 This tool runs fully in your browser. No files or data are uploaded.
0.1

How to Use

  1. Adjust shadow properties (horizontal, vertical, blur, spread)
  2. Choose shadow color and opacity
  3. Optionally enable inset shadow
  4. Copy the generated CSS code

FAQ

  • What is box-shadow?
    Box-shadow is a CSS property that adds shadow effects around an element's frame. You can specify multiple shadows for layered effects.
Disclaimer: Preview shows a single shadow. You can combine multiple box-shadow values for more complex effects.