CSS Box Shadow Generator - Visual Shadow Builder | TypeDock

⌘K

JSON

JSON → TypeScript JSON → Zod JSON → JSON Schema JSON Schema → TS TypeScript → Zod Zod → TypeScript JSON Diff JSON Formatter JSON Minify JSON Path CSV → JSON XML ⇄ JSON YAML ⇄ JSON JSON → YAML JSON → CSV JSON → TOML JSON → ENV Validator

Encoding

Base64 URL Encoder HTML Entities Unicode Escape HTML Minifier XML Formatter SQL Formatter

Converters

Base Converter Markdown → HTML HTML → Markdown TOML → JSON Case Converter

Security

Password Generator Hash Generator Bcrypt JWT Decoder JWT Generator

Design

CSS Box Shadow CSS Gradient Color Converter QR Generator ASCII Art

Developer

cURL → Fetch User Agent Semver Text Diff Lorem Ipsum RegEx Tester URL Parser UUID Generator Timestamp Cron Generator Image Compressor

Built by yoni-crypto

Shadow Settings

Presets

Offset X0px

Offset Y4px

Blur8px

Spread0px

Opacity20%

Color

Inset

Preview

box-shadow: 0px 4px 8px 0px #00000033;