Use CSS3 to change the box-shadow property to desired values to get boxed shadows on any element. In this example, I place box shadows on divs, but you can easily apply box shadows on h2, headers, footers, etc.Use CSS3 to change the box-shadow property to desired values to get boxed shadows on any element. In this example, I place box shadows on divs, but you can easily apply box shadows on h2, headers, footers, etc.
Example:
You can provide optional values to get different effects. See CSS comments.
I love HTML5
You can provide four values for:
horizontal offset(move shadow left or right)
vertical offset (move shadow up or down)
blue (make shadow blurry)
color (change color of shadow)
I love CSS3
You can provide five values for:
horizontal offset
vertical offset
blur
blur distance (make shadow spread)
color
I love the inset bow-shadow!
You can make the shaodw inside