# CSS3 Shadow Creator

New Save Load Presets Generate code
Preview Hi there, I'm a shadow!
Shadow settings
Shadow color
Type
Inset Outset
Shadow X offset
Shadow Y offset
Shadow Blur
Shadow Spread
Add a text or box shadow layer to start creating a shadow.
Preview settings
Background color
Box color
Text color
Layers
Box shadow layers

Text shadow layers

+ T + ■

Deleted layers cannot be recovered. Are you sure you wish to delete the layer named ''?

This will delete all your layers and allow you to start over. Are you sure you want to do this? The layers can't be recovered afterwards!

You can directly use this code in your design.

Save the following JSON object anywhere to save your shadow layers.

Paste a JSON object in the below text area to load your shadow layers.

Enter a new name for the layer.

- Fire
- Neon
- Offset
- Ice
- Ghost
- Depth