CSS Box Shadow Generator
Generate CSS box-shadow values with customizable offset, blur, spread, and color.
px
px
px
px
Result
Shadow Value
0px 4px 6px -1px rgba(0, 0, 0, 0.1)CSS Property
box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);Tailwind Class
shadow-[0px_4px_6px_-1px_rgba(0,0,0,0.1)]