Box Generator

Box Shadow and Border Radius Generator


Background Color
Box shadow
-10 +10
Horizontal Length
-10 +10
Vertical Length
   0 +10
Blur Radius
Color
Corner Options
   0 +30
A
   0 +30
B
   0 +30
C
   0 +30
D
Border
   0 +10
Width
Color
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius:10px; height:100px; width:200px; border:7px solid #FFFFFF;background-color:#097FE6; box-shadow:2px 2px 7px #2B2B2B;

Browser Support

The border-radius, box-shadow properties are supported in Chrome, Firefox, Opera, Safari and IE9+.


How to use code

Inline style
<div style="...your code here..."></div>

In external or internal Style Sheet (CSS3)
.style_box {...your code here...}