CSS box-shadow is a CSS property that allows you to add a visual shadow effect to an HTML element such as a div, text, or image. It creates a shadow behind the element, giving it depth and making it stand out from the background. The box-shadow property accepts multiple values that define the characteristics of the shadow effect. You may use our online tool to visually create a box shadow.


Background Color:
Container Color:
Shadow Options
3px
3px
2px
0px
1
Inset
Shadow Color:
CSS Code