Published on: 01 July, 2014

CSS3 Box Shadow Generator

Posted by andy | 1106 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