Skip to content
OneKitly
Sign up · Sign in

CSS Box Shadow Generator

Dial in a CSS box-shadow with live preview and copy the generated code — offset, blur, spread, color, inset.

Related tools

All Hashing & crypto tools →
CSS BeautifierReformat minified or messy CSS into clean, properly indented rules — or minify it back.CSS CompressorMinify CSS by stripping comments and whitespace to shrink your stylesheet's size.CSS Flexbox PlaygroundExperiment with flex-direction, wrap, justify-content, align-items and gap — live preview and copyable CSS.CSS Grid GeneratorBuild a CSS grid layout visually — columns, rows, gaps and alignment — with a live preview and copyable CSS.Adler32 Checksum CalculatorGenerate a Adler-32 hash of any text instantly in your browser, with hex or Base64 output. Used in zlib and PNG.CRC32 Checksum CalculatorGenerate a CRC32 hash of any text instantly in your browser, with hex or Base64 output. Fast integrity check (zip, PNG).CRC64 Checksum CalculatorGenerate a CRC64 hash of any text instantly in your browser, with hex or Base64 output. ECMA-182, 64-bit integrity check.FNV-1a Hash GeneratorGenerate a FNV-1a hash of any text instantly in your browser, with hex or Base64 output. Fast non-cryptographic 64-bit hash.

CSS Box Shadow Generator is free to use as often as you like, directly from this page. It sits under Hashing & crypto in our catalogue, alongside CSS Beautifier and CSS Compressor.

How to use it

  1. Open the tool — no signup or install needed.
  2. Enter your input or adjust the available options.
  3. Get your result instantly, then copy or download it.

Frequently asked questions

What is CSS Box Shadow Generator?

Dial in a CSS box-shadow with live preview and copy the generated code — offset, blur, spread, color, inset.

When would I actually use this?

Verifying a download matches its published checksum, comparing two files without reading them, and generating a signature for an API request.

What is the most common mistake?

Hashing a password with a fast algorithm. MD5 and SHA are built to be quick, which is exactly wrong for passwords — those need a deliberately slow function like bcrypt, scrypt or Argon2.

How is CSS Box Shadow Generator different from CSS Beautifier?

They sit next to each other but answer different questions: CSS Beautifier is the one to open when you need it to reformat minified or messy CSS into clean, properly indented rules — or minify it back. Pick whichever matches what you're starting from — both are free.

Is there a tool for the next step?

CSS Compressor is the closest one after this: Minify CSS by stripping comments and whitespace to shrink your stylesheet's size.

What else is worth having open alongside it?

CSS Flexbox Playground and CSS Grid Generator — they come up in the same task often enough to be worth a second tab.

Where do the figures come from?

The digests follow their published specifications and are computed by the browser's own crypto implementation where one exists, so a value can be checked against any other conforming tool.

Further reading

All guides →
ComparisonChecksums Are Not Hashes: CRC-32, Adler-32 and What They Are ForA checksum catches accidents. A cryptographic hash resists an attacker. A hash-table hash spreads keys. Three different jobs, three different families — and here is a CRC-32 collision constructed by hand in 0.11 seconds to show exactly why you cannot substitute one for another.GuideWhat a Minifier Can Remove, and What It Must NotMinification has to preserve meaning, and the interesting part is the whitespace that carries meaning: the descendant combinator, the spaces inside calc(), the gap between two inline elements. Measured here on real files, including how much brotli was going to save you anyway.GuideBeautify or Minify: What Each Is For, and What It Does to the WeightFour real stylesheets run through the minifier, measured raw and after gzip. Stripping every space saved 48, 103, 104 and 147 compressed bytes; stripping comments saved 57, 1 358, 2 420 and 1 042. Plus the five inputs this minifier breaks.GuideWhat a Password Manager Cannot MeasureEntropy prices one attack: offline guessing against a stolen hash. Above roughly 90 bits the number stops deciding anything — and the meter on this site under-reported a random 20-character password in 300 draws out of 300.ExplainerPassword Entropy: What a Strength Meter Cannot KnowEntropy measures the process that produced a password, not the characters in it. H = L x log2(R) is only true when every character was chosen at random — which is exactly why a meter scoring a human-invented password on its character classes is measuring the wrong thing.ExplainerWhat Is Inside a JWT — and What It Does Not ProtectA JWT is signed, not encrypted. Anyone holding the token can decode the payload and read every claim in it. Here is a real token, decoded without any key, plus the three attacks the signature is supposed to stop and the one problem it cannot solve.