CSS Box Shadow Generator
CSS Box Shadow
Free CSS box shadow and neumorphism generator
px
px
px
px
Formula
box-shadow: h-offset v-offset blur spread color
Frequently Asked Questions
How does CSS box-shadow work?
box-shadow: h-offset v-offset blur spread color. Positive h-offset moves right, positive v-offset moves down. Blur softens edges, spread expands/contracts.
What is neumorphism?
A design style using dual box-shadows (light and dark) to create soft, extruded shapes. Combines an outer shadow with an inset shadow on a matching background.