CSS3 Box Shadow Generator

andy - 01 Jul, 2014 6121 Views 0 Comment

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


There are no comments available.

Write Comment
0 characters entered. Maximum characters allowed are 1000 characters.

Popular Articles

Popular Web Tools

JSON Datetime converter

Do you need to help to convert JSON time to readable human date time? Use our free tool to help you convert the time.

Text Tool - Remove parentheses, brackets, and braces

Allows you to remove parenthesis, brackets or braces symbols of your text content. You have an option to remove the inside wrapping content as well. For example: My Categories (1200) can be as My Categories 1200 or My Categories.