IsekaiKit › Tools

CSS box-shadow generator

Adjust the sliders and watch the card change. Add layers for softer, more realistic depth.


Layers

Color

Card

Corner radius
Card color
Background

Presets

How to use it

Each layer is one shadow. Move it with Offset X and Y, soften it with Blur, and grow or shrink it with Spread. Tick Inset to put the shadow inside the box. Add more layers and the browser draws them all, the first layer on top. Copy the CSS when it looks right.

Tips for natural shadows

Real shadows fall downward, so keep Offset X near zero and Y positive. Low opacity (5–20%) looks more natural than solid black. Stacking several soft layers with growing blur and offset, like the Layered preset, gives smooth depth that a single shadow can’t.

Is my data safe?

Yes. Everything runs in your browser. Nothing you paste here is sent to any server.

More to try

JSON Formatter Format, validate and minify JSON with clear error messages. Base64 Encode / Decode Encode or decode Base64 with full UTF-8 support. Files to data URLs too. URL Encode / Decode Percent-encode or decode URLs and see every query parameter. UUID Generator Generate UUID v4 or time-ordered v7 in bulk. Unix Timestamp Converter Convert epoch seconds or milliseconds to dates and back. Hash Generator MD5, SHA-1, SHA-256, SHA-512 hashes of text or files. JWT Decoder Decode a JSON Web Token's header and payload, check expiry. Regex Tester Test JavaScript regular expressions with live highlighting and groups. Color Converter Convert HEX, RGB and HSL, and check contrast on white or black. Password Generator Strong random passwords with the options you need. CSS Gradient Generator Build linear, radial and conic gradients visually and copy the CSS. CSV to JSON Converter Convert CSV to JSON and back. Quotes, line breaks, tabs and semicolons handled. YAML to JSON Converter Convert YAML to JSON and JSON to YAML, with the exact error line. XML Viewer Paste XML and read it as a table, JSON or neat indented XML. Cron Expression Generator Read any cron schedule in plain words and see the next run times. Subnet Calculator IPv4 and IPv6 subnet math: network, broadcast, host range and splits. Text Diff Checker Compare two texts and see added and removed lines.