NOTE NOTE
245
Building Style Sheet Web Pages 7
The Filter attribute offers 16 different special effects that can be applied to an element. Many of these
effects, such as Wave and Xray, are quite stunning. Several effects involve transitions, as well. Table 7-9
details these effects.
TABLE 7-9
CSS Filters
Filter Syntax Description
Alpha Alpha (Opacity=opacity, FinishOpacity=finishopacity, Sets the opacity of a specified
Style=style, StartX=startX, StartY=startY, FinishX=finishX, gradient region. This can have the
FinishY=finishY) effect of creating a burst of light in
an image.
Opacity is a value from 0 to 100, where 0 is transparent
and 100 is fully opaque.
StartX, StartY, FinishX, and FinishY are pixel values
indicating where the effect should start and end.
Style can be 0 (uniform), 1 (linear), 2 (radial), or
3 (rectangular).
BlendTrans* blendTrans (duration=duration) Causes an image to fade in or out
over a specified time.
Duration is a time value for the length of the transition,
in the format of seconds.milliseconds.
Blur blur (Add=add, Direction=direction, Strength=strength) Emulates motion blur for images.
Add is any integer other than 0.
Direction is any value from 0 to 315 in increments of 45.
Strength is any positive integer representing the number
of pixels affected.
Pages:
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523