Assignment029g7

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:

box-shadow: 10px 10px 5px #888; box-shadow: -41px 35px 30px -2px ; box-shadow: 2px -8px 102px 28px ; box-shadow: inset -2px -8px 102px 28px;

I love HTML5

You can provide four values for:

horizontal offset (move shadow left or right)

vertical offset (move shadow up or down)

blur (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 box-shadow!

You can make the shadow inside


malva-s037@chusd.org