Create a box shadow
Generate beautiful CSS box shadows with live preview
Processed Locally • Your Data Stays Private
Preview
Quick Presets
Shadow Layers
Layer 1
0px
10px
30px
0px
30%
Box Settings
16px
CSS Output
box-shadow: 0px 10px 30px 0px rgba(99, 102, 241, 0.3);
Tailwind Class
shadow-[0px_10px_30px_0px_rgba(99,102,241,0.3)]