M-4 Web Work Assignment:

The assignment was to go online and locate a Web page that explained specific filters and transitions. Choose one standard filter and one Reveal transition filter that I had not used before and create a page using one of the filters I chose.

I thought an explanation on what they are was better. To learn more
about filters and transitions you can go to Microsoft's Web site at.

Web page authors can now add multimedia-style effects to their pages through use of visual
filters and transitions. These effects are implemented in Web pages using cascading style sheets
(CSS). Visual filters and transitions can be applied to standard HTML controls, such as text
containers, images, and any other windowless object. By combining filters and transitions
with basic scripting, authors have a powerful tool for creating visually engaging and
interactive documents.

Defining Visual Filters

Visual filters modify appearance of a control. In fact, they can totally take over visual
output of a control when applying their effect

flipH Filter

Renders visual object as a mirror image of itself along horizontal plane.

Syntax
HTML<ELEMENT STYLE = "filter: flipH" ... >
Scriptingobject.style.filter = "flipH"

Applies To

BODY, BUTTON, DIV, IMG, INPUT type=button, INPUT type=checkbox, INPUT type=file, INPUT type=image, INPUT type=password, INPUT type=radio, INPUT type=reset, INPUT type=submit, INPUT type=text, MARQUEE, runtimeStyle, SPAN, style, TABLE, TD, TEXTAREA, TH

Transitions

Transitions are time-varying visual filters. Their role is to visually transition a control from one state to next.
A common example is changing SRC attribute of an image to change one image to another onscreen. A transition
would provide some kind of animated effect to bring in new image. Transitions can also be applied to make a
control gradually fade in or fade out by changing visibility property.

Transition filters have methods and events for manipulation. When filter wants to fire an event, onfilterchange
event is fired. This event can be used to script srcFilter property on event object, and then supplies all
necessary information about event. In this way a script can know when a transition has completed. methods
for filters allow a transition to be applied and played.

apply method freezes visual appearance of control by first applying transition, allowing changes to be
made without an immediate repaint such as specifying a new image. play method then invokes transition. At
any time, script can terminate transition by calling Stop method. following example shows how to
perform an automatic slide show between images.

blendTrans Filter

Fades visual object into or out of view.

Syntax
HTML<ELEMENT STYLE = "filter: blendTrans(sProperties)" ... >
Scriptingobject.style.filter = "blendTrans(sProperties)"

Applies To

BODY, BUTTONDIV, IMG, INPUT type=button, INPUT type=checkbox, INPUT type=file, INPUT type=image, INPUT type=password, INPUT type=radio, INPUT type=reset, INPUT type=submit, INPUT type=text, MARQUEE, runtimeStyle, SPAN, style, TABLE, TD, TEXTAREA, TH