Enhancing a Web Site with Advanced CSS - HTML, CSS, and Dynamic HTML - page 560

where the direction parameter measures the angle of shadow in degrees clockwise
from 0° (directly above the object), the strength parameter indicates the extent of the
shadow blurring, and the color parameter specifies the hexadecimal color value of the
shadow. For example, the style

filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,
strength=10, color=#7F7F7F);
creates a gray shadow with a strength of 10 units located at a direction of 135°.
The DropShadow filter creates a solid shadow with no blurring and has the syntax

Use a direction value of 45
for shadows located in the
upper-right corner, 135 for
lower-right shadows, 225
for lower-left shadows, and
315 for upper-left shadows.

DropShadow(color= color , offX= value , offY= value )
where color once again is a hexadecimal color value, and offX and offY specify the
offset of the shadow from the object in the horizontal and vertical directions, respec-
tively. For example, the filter style

filter: progid:DXImageTransform.Microsoft.DropShadow(color=#FF0000,
offX=5, offY=10);
places a red drop shadow 5 pixels to the right and 10 pixels down from the element.
Figure 8-11 shows examples of the Shadow and DropShadow filters applied to a
sample image.

figure 8-11 Applying the shadow and Dropshadow ie filters

filter:
progid:DXImageTransform.
Microsoft.Shadow
(direction=135,
strength=20,
color=#0000FF);

filter:
progid:DXImageTransform.
Microsoft.DropShadow
(color=#0000FF, offX=-10,
offY=-10);

Applying an Internet Explorer Filter
• To apply an Internet Explorer filter, add the style

filter: progid:DXImageTransform.Microsoft. filter ( param );
where filter is the name of an Internet Explorer visual effect, and param is the
parameters that apply to that effect.
• To apply an Internet Explorer filter in compliance with correct CSS syntax, add the
following style:

-ms-filter: “progid:DXImageTransform.Microsoft. filter ( param )”;