The result of that CSS can be seen in Figure 16.7.
Vendor-specific Properties
Figure 16.7: Applying the DropShadow filter
If we keep the HTML the same as the previous example, we can specify the Shadow
filter like this:
24 http://www.daltonlp.com/view/217
25 http://msdn2.microsoft.com/en-us/library/ms533086.aspx
26 http://msdn2.microsoft.com/en-us/library/ms532985.aspx
The Ultimate CSS Reference 386
h1.shadow {
width: 260px;
color: gray;
filter: progid:DXImageTransform.Microsoft.Shadow(
color=#000000,direction=45);
}
The Shadow filter also accepts a color attribute value, but instead of offsets, a
direction is specified. The direction value is an integer between "0" and "360",
representing degrees; the default value is "225".
The result of this CSS can be seen in Figure 16.8.
Figure 16.8: Applying the Shadow filter
Value
The value of the filter property begins with the filter name followed by any applicable
attributes and values. Each filter has a different set of attributes available, so you??™ll
need to check the Microsoft Developer Network site for their details.
Pages:
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558