Shadow Layers
Layer 1
px
px
px
px
Preview colors
CSS Output
box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.25);
To use in Tailwind: add boxShadow to your tailwind.config or use the [box-shadow:...] arbitrary value syntax.
Build layered box-shadow CSS visually — adjust x/y/blur/spread/color with sliders and copy the CSS.
Preview colors
box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.25);
To use in Tailwind: add boxShadow to your tailwind.config or use the [box-shadow:...] arbitrary value syntax.