Box-shadow Generator

Box-shadow Generator

This tool allows you to easily generate the CSS <code>box-shadow</code> property for your elements. You can adjust the horizontal and vertical offset, blur, spread, color, and choose the 'inset' option to create inner shadows. The generated CSS code is displayed instantly and you can preview the result in real time.

• Horizontal/vertical offset: Positions the shadow relative to the element.
• Blur: Softens the edges of the shadow.
• Spread: Increases or decreases the size of the shadow.
• Color: Sets the color of the shadow.
• Inset: Places the shadow inside the element.

Copy the generated CSS code to use it in your web projects.