Page 455 - Xara Web Designer Premium

Web Animations 455

on screen. You can then select another item to change the animation on that without
having to re-display the dialog.

Preview your animations by clicking the PREVIEW CURRENT WEB PAGE button on
the web toolbar - to see them in the onboard browser.

Mouse-over features

With Mouse-overs - you can set a document default effect for the whole document - this
only affects items on the MouseOver layer like navigation bars, or buttons with a 2 state
property (buttons with a link which change color as you mouse-over them). And you can
also set a mouse-over effect for an individual, selected object.
Click on the MOUSE-OVER tab dropdown menus to view and apply the effects.

• You can choose from one of six speeds for the animation effect ranging from VERY
FAST to VERY SLOW
• Enter some pop-up text which will appear when the object is moused over
• Have the mouse-over trigger a pop-up layer - another layer within your document, and
have that layer animate as well. Click the EFFECT button to bring up the Pop-up
settings (on page 61) dialog for the pop-up layer effect.

See Layers, Mouse-over & Pop-ups for more details.

Click/Touch animations

This tab allows you to choose an animation that will play when the object is clicked (or on
a touch device, touched). As with the Mouse-Over tab you can choose the animation
type and speed and can setup a default click/touch effect that will apply to all your
buttons that have a mouse-over graphic.

Reveal & Scroll animations

If you select the REVEAL/SCROLL tab of this dialog, you have the choice of applying either
a REVEAL ANIMATION or a SCROLL ANIMATION.

Reveal animations