TranslateCSS Tools
Box Shadow Generator
Design beautiful CSS box shadows interactively. Customize offsets, blur, spread, and colors, then copy the cross-browser CSS code instantly.
10px
10px
20px
0px
20%
CSS Code
box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.2);
