Page 438 - Xara Designer Pro X17

438 Web Graphics and Websites

The dialog has got tabs for Mouse-over events, Click/Touch events and Reveal/Scroll
events.

The Animation dialog is non-modal, which means it can stay on screen while you select
different items on the page. Click the APPLY button instead of the OK to keep the dialog
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 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