Box Shadow Generator

Design custom CSS box shadows with offset sliders, blur radius, spread distance, and opacity preview.

Free, runs entirely in your browser, and nothing you enter is ever uploaded to a server.

Frequently asked questions

Can I create inset shadows?

Yes! Toggle the "Inset" checkbox to switch between external drop shadows and internal box shadows.

Related tools

• Border Radius Generator
• CSS Gradient Generator

Browse by category

• Text Tools
• Developer Tools
• Calculators
• Image Tools
• Color & Design
• Generators
• PDF Tools

Our tools network

• PDF Factory Studio — Merge, split, compress, convert, sign
• Al-Katib — Arabic keyboard, tashkeel, ready phrases