Design tools

CSS Box Shadow Generator

Build and preview a CSS shadow with separate offset, blur and spread.

How to use this tool

  1. Enter values or select a file in the labelled controls.
  2. Select the action button and review the result.
  3. Copy the result or use its download control when available.

Processing takes place in this browser. Your entries are not sent to a conversion service.

Explore all KitBox tools