Nutter Tools
Nutter Tools

A free toolbox that runs in your browser. A tool for every job.

Your files never leave your device

Images

  • Convert images
  • Compress images
  • Resize images
  • Crop
  • Watermark

PDF & files

  • Merge PDFs
  • Split a PDF
  • Images to PDF
  • PDF to images
  • Remove photo location

Video & audio

  • Compress video
  • Convert video
  • Video to GIF
  • Convert audio
  • Trim audio

Everyday

  • QR codes
  • Passwords
  • Time zones
  • Unit converter
  • Word count
  • Webcam test

Developer

  • JSON formatter
  • Base64
  • Regex tester
  • Hashes
  • JWT decoder

Site

  • About
  • Contact
  • Settings
  • Privacy
  • Terms
  • Site map
  • llms.txt

Everyday

  • Images
  • Video
  • Audio
  • PDF & files
  • Text
  • QR codes
  • Units & math
  • Time & dates
  • Color
  • Passwords & IDs
  • Device tests
  • Sun & moon

For developers

  • JSON
  • Encoding
  • Regex & cron
  • Web & auth
  • Hashing & encryption
  • Config files
  • Network
  • Browser
  • AI
  • Fake data
© Nutter Toolsnutter.tools
  1. Home
  2. Regex & cron
  3. CSS box shadow generator
Your files stay on your device

CSS box shadow generator

Stack up to twelve shadow layers with offsets, blur, spread, inset, and color, preview on light and dark boxes, and copy the CSS.

This tool is in beta

Still being tested. If a result looks wrong, tell us.

Report a problem

Add a shadow layer to see the CSS.

Color and opacity are separate on purpose: the picker carries the hue, the opacity field multiplies the alpha, and the engine emits one rgba() per layer, so dialing a stack down does not mean re-picking twelve colors. The drop-shadow chain is an equivalent, not a match: drop-shadow() takes no spread and no inset, it follows the alpha shape of the element instead of drawing a rectangle, and chained drop-shadows compound, each drawing on the last. Where layers cannot convert, the output says exactly which and why instead of approximating.

Shadow layers

Layer 1

Up to 12 layers, numbers within ±10,000 px. Layer order matters: the first layer paints on top, same as CSS.

More regex & cron tools

  • Color converter & contrast
  • CSS gradient builder
All regex & cron tools

Was this tool useful?