Published on: 01 July, 2014

CSS3 Box Shadow Generator

Posted by andy | 1285 views 0 favourites 0 comments
Tumblr Digg Google Plus

Box Shadow property in CSS3 allows you to add drop shadows either in outer by default or inner shadow on a box elements. In addition, you can add some color, blur, size and also the spread properties.

Use the range slider control and color properties to create css3 box shadow. The preview will be automatically displayed on the right hand section.

Shadow Properties
Horizontal Length: 5px
Vertical Length: 10px
Blur Radius: 25px
Spread: 5px
Hex Color Properties
RGB Color Properties
R: 87
G: 87
B: 84
Opacity: 0.8
Inset Properties
Include Inset
CSS3 Preview
CSS3 Codes