This CSS3 box shadow generator will help you learn and design shadows for your containers or boxes on your webpages. The CSS code for shadows requires four values, they are: Horizontal Length, Vertical Length, Blur Radius and Shadow Color.

Shadow Preview
Text Color
Background
Container
Shadow Options

 

 

 

CSS Code

Browser Support
Firefox

Firefox 3.5+

Safari

Safari 3.0+

Opera

Opera 10.5+

Chrome

Chrome 4.0+

Internet Explorer

IE 9.0+