CSS Box Shadow Generator
Build CSS box-shadow values with a live preview — stack multiple shadows for depth.
Layer 1
CSS
box-shadow: 0px 4px 12px -2px rgba(0, 0, 0, 0.15);
You might also like
- CSS Border Radius GeneratorSculpt rounded corners with per-corner control, including elliptical and 'squircle' shapes.
- CSS Gradient GeneratorBuild linear, radial, and conic CSS gradients with a live preview and copy-ready output.
- CSS Specificity CalculatorScore one or more CSS selectors and see which one wins the cascade.
- CSS Unit ConverterConvert px ↔ rem ↔ em ↔ pt ↔ % with an adjustable base font size.