Dynamic HTML Filters and Transitions 2004 Prentice Hall

Dynamic HTML: Filters and Transitions 2004 Prentice Hall, Inc. All rights reserved.

Introduction • Filters – Cause changes that are persistent • Transitions – Temporary – Allow transfer from one page to another with pleasant visual effect • For example, random dissolve 2004 Prentice Hall, Inc. All rights reserved.

Miscellaneous Image Filters: invert, gray and xray • invert filter – Negative image effect • Dark areas become light and light areas become dark • gray filter – Grayscale image effect • All color is stripped from the image, only brightness data remains • xray filter – X-ray effect • Inversion of the grayscale effect 2004 Prentice Hall, Inc. All rights reserved.

Outline misc. html (1 of 2) 2004 Prentice Hall, Inc. All rights reserved.

Outline misc. html (2 of 2) 2004 Prentice Hall, Inc. All rights reserved.

2004 Prentice Hall, Inc. All rights reserved.

Adding shadows to Text • shadow filter – Showing effect • Three-dimensional appearance 2004 Prentice Hall, Inc. All rights reserved.

Outline shadow. html (1 of 2) 2004 Prentice Hall, Inc. All rights reserved.

Outline shadow. html (2 of 2) 2004 Prentice Hall, Inc. All rights reserved.

Making Text glow • glow filter adds an aura of color around text 2004 Prentice Hall, Inc. All rights reserved.

Outline glow. html (1 of 4) 2004 Prentice Hall, Inc. All rights reserved.

Outline glow. html (2 of 4) 2004 Prentice Hall, Inc. All rights reserved.

Outline glow. html (3 of 4) 2004 Prentice Hall, Inc. All rights reserved.

Outline glow. html (4 of 4) 2004 Prentice Hall, Inc. All rights reserved.