@ Link: Trends - box-shadow on every hover
You can see box-shadow being used more often in CSS. Hover over the boxes in the sidebar on the CSS Tricks site.
They're pretty easy to do. Check this code:
box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
Example
Just add inset - "inset 0 0 10px 2px rgba(0, 0, 0, 0.3)"
Here's how the numbers break down:
box-shadow: x-offset from middle, y-offset from middle, shadow blur/falloff, shadow spread, rgba(red, green, blue, alpha transparency)
You can use negative numbers if you wish.
Jan 13 2010