Box shadow generator

 full-width

box-color:

background:

box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.25);

h-offset

v-offset

blur

spread

color

opacity

inset

FAQ

Why we use the box-shadow generator?

Box-shadow generator is a free online tool, to add the box-shadow effects to CSS objects. You can adjust the shadow of an element or an object.

How to use the box-shadow generator?

In this box-shadow generator, you can choose the box-color and also the background as you need. The box-shadow effect can be adjusted by using h-offset and v-offset with the blur effect. You can also copy the values of the box-shadow generator.