Formatters Generators Security Network

Browse Tools

Home Design & CSSBox Shadow Generator

Box Shadow Generator

Build CSS box shadows visually with layered shadow support.

Tags

css

box-shadow

shadow

design

Related Tools

CSS Gradient GeneratorBuild linear, radial and conic CSS gradients visually with multi-stop support.Color ConverterConvert between HEX, RGB, HSL, HSV, and nearest Tailwind color class.

Every tool developers reach for, in one place.

Categories

Formatters & Converters
Generators
Security & Crypto
Network & Web
Text & Strings
Numbers & Math
Design & CSS
Reference & Lookups

Popular Tools

JSON Formatter
JSON ↔ YAML
JSON ↔ CSV
JSON Escape / Unescape
JSON Schema Generator
XML Formatter

Site

Home
All Tools

© 2026 Build Stack. All tools run in your browser — nothing is sent to a server.buildstack.tools

Background

Box

Shadow Layers

Layer 1

Inset

x (px)

y (px)

blur (px)

spread (px)

Color

CSSbox-shadow: 0px 4px 16px 0px #00000033;

Tailwind inlinestyle={{ boxShadow: '0px 4px 16px 0px #00000033' }}

Value0px 4px 16px 0px #00000033