You can play around with additional parameters for transitions as well. Find
them described and listed at
http://msdn.microsoft.com/library/default.asp?url=/workshop/
author/filter/filters.asp
For example, the blindstransition has arguments (or attributes) in addition
to the durationargument used in the previous example. You can also spec-
ify the direction in which the blinds open and close, as well as the number of
bands. If you want vertical blinds, try this:
filter:progid:DXImageTransform.Microsoft.Blinds(duration=3,
direction = ‘right’)
And if you want more bands(blinds.. .why can’t they call things what they
are?), specify the number. The default is ten bands (as you can see in Figure
13-5), but go wild and ask for 20. You get the transition effect shown in
Figure 13-6:
filter:progid:DXImageTransform.Microsoft.Blinds(duration=3,
direction = ‘right’, bands=20)
A famous transition called the wipeconsists of a single large line moving
across the screen, replacing, for example, one image with another as if it were
sliding into view. You can do various kinds of wipes by setting the blinds tran-
sition’s values to (direction=’up’, bands=1). Vary the directionprop-
erty to vary the wipe direction.
Figure 13-6:
You can
specify
both the
direction —
vertical
here — and
the number
of blinds
for this
transition.
242 Part III: Adding Artistry: Design and Composition with CSS
