MICRO-TOOL
Box Shadow Generator
Visually design CSS box shadows. Adjust blur, spread, and offsets to generate instant CSS. Even though my own site strictly bans them!
Controls
Horizontal Offset
px
Vertical Offset
px
Blur Radius
px
Spread Radius
px
Opacity
%
Shadow Color
Inner Shadow
Box Color
Background
Live Preview
Target
CSS Output
box-shadow: 10px 10px 30px 0px rgba(10, 10, 10, 0.50);-webkit-box-shadow: 10px 10px 30px 0px rgba(10, 10, 10, 0.50);-moz-box-shadow: 10px 10px 30px 0px rgba(10, 10, 10, 0.50);