CSS Box Shadow Generator

Design layered box shadows visually and copy the CSS.

How to use CSS Box Shadow Generator

  1. Choose the options you want.
  2. The result is generated instantly in your browser.
  3. Copy it or download it.

Frequently asked questions

Is CSS Box Shadow Generator free?
Yes. CSS Box Shadow Generator is free to use and needs no account or sign-up.
Is my data sent anywhere?
No. Everything you enter is processed inside your browser and is not sent to a server.
Does it work offline?
Once the page has loaded, processing needs no internet connection.
Does it work on phones?
Yes. It works in current mobile browsers on Android and iPhone, as well as on desktop.

Related tools