CSS:study(5)--Gary's Shadow Table

The image is a 100 x 100 pixel square that doesn't have a shadow. The shadow is added using filter code. You can add a shadow to any image using this code. The table shows variations of the single div with a filter:shadow including examples of changing the defined width, height, strength, and direction.

Notice how the image moves around inside the cell as the shadow expands.

Easy Shadow DIV Code
<div style="width:115px;height:115px;filter:shadow(color:gray,strength:20, direction:135);">  <img alt="backyard image" width="100" height="100" src="images/backyard1.jpg" style="border:1px solid black;">
</div>