Home » Image & Design » CSS Box Shadow Generator

CSS Box Shadow Generator

Create the perfect CSS box shadow with sliders. Adjust offset, blur, spread and color, watch the live preview, then copy the ready-to-use box-shadow code into your stylesheet.






How to use


  1. Move the sliders to shape the shadow.
  2. Pick a shadow color.
  3. Copy the generated CSS code.


Related tools
🔳
QR Code Generator
Create QR codes for any link or text and download them as images.
🖼️
CSS Gradient Generator
Design CSS gradients live and copy the ready-to-use code.
💻
CSS Border Radius Generator
Design rounded corners with live preview.
🖼️
Color Contrast Checker
Check color contrast for WCAG accessibility.