All Tools

JSON Formatter & Validator XML Formatter & Validator SQL Formatter HTML Formatter CSS Formatter JavaScript Formatter TOML Formatter & Validator GraphQL Formatter

Base64 Encoder / Decoder URL Encoder / Decoder HTML Entity Encoder / Decoder JWT Decoder Image to Base64 Unicode Character Lookup Morse Code Translator Binary ↔ Text Converter Hex ↔ Text Converter

YAML ↔ JSON Converter JSON ↔ YAML Converter Unix Timestamp Converter Number Base Converter Color Format Converter CSV ↔ JSON Converter Markdown to HTML Converter TOML ↔ JSON Converter CSV ↔ TSV Converter XML ↔ JSON Converter

UUID Generator Password Generator Lorem Ipsum Generator QR Code Generator Hash Generator Random Number Generator Color Palette Generator Fake Data Generator Bcrypt Hash Generator

Regex Tester Email Address Validator Cron Expression Parser IP Subnet Calculator JSON Schema Validator Credit Card Validator ISBN Validator

Text Counter & Analyzer String Case Converter Text Diff Checker URL Parser Text Line Sorter Duplicate Line Remover Markdown Table Generator NATO Phonetic Alphabet

Percentage Calculator Age Calculator Date Difference Calculator Timezone Converter Roman Numeral Converter Bitwise Calculator

HTTP Headers Reference MIME Type Lookup User Agent Parser URL Slug Generator .htaccess Redirect Generator

CSS Box Shadow Generator CSS Gradient Generator Flexbox Playground

Home/CSS & Design/CSS Box Shadow Generator

CSS Box Shadow Generator

Build CSS box-shadow values with a visual editor and live preview.

ToolMint·65 free developer tools·All processing in your browser

HomeNo login · No tracking · No data leaves your device

Presets:

Background

Box color

Shadow 1

Inset

X offset0px

Y offset4px

Blur16px

Spread0px

Opacity20%

Color

CSS

box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.20);