Box Shadow Generator

Simple Generators Advanced Generators

How to use

With this CSS3 box-shadow generator, you can generate the CSS code for inset shadow and drop shadow simultaneously.
Use the checkbox for Inset shadow, drop shadow or both as per your need.
Change the background color of page and the preview box as per your design requirement.
Select the box shadow color of your choice from the color picker.
Use the sliders to adjust the horizontal length, vertical length, blur radius and spread.
Advance box shadow generator gives complete flexibility over horizontal and vertical lengths. You can define these properties in both positive and negative pixels.
Copy the generated CSS code and use directly in your project.