Back

Color & design

CSS box shadow generator

Generate a configurable CSS box-shadow declaration.

Free to useProcessed on your device
Open tool…

About this tool

Generate a configurable CSS box-shadow declaration.

How to use

  1. Enter horizontal offset (px) and vertical offset (px) and blur radius (px) and spread (px) and opacity (%) in the form.
  2. Choose the available options, then run css box shadow generator.
  3. Review the result and copy or download it for your work.

Comment

How can we help?

Tell us about your tool, workflow, or partnership idea.