All newer
browser support box-shadow, Firefox uses
-mox-box-shadow, Chrome/DW live -webkit-box-shadow
box-shadow : x-offset y-offset blurRadius color;
all div blocks border: thin solid #000;
Using
css3generator.com to support three rendering engines
box-shadow: 10px 10px 2px gray;
-webkit-box-shadow: 10px 10px 2px gray;
-moz-box-shadow: 10px 10px 2px gray;
Using css3generator.com again
adding the 5px spread after the 10px blur radius
colors are three hexidecimals
box-shadow: 10px 10px 10px 5px #777;
Five shadows, black has a feather/blur
the others automatically get a feather and/or opacity
Just using a comma to separate the multiple property values
Using css3generator.com again w inset set
inset creates a 3D pushed in effect (impress/depression) /
box-shadow: inset -5px -5px 5px blue;
Using css3generator.com again w inset set
larger blue radius and spread effects all 4 sides
box-shadow: inset 10px 10px 40px blue;