Page 454 - Xara Web Designer Premium

454 Web Animations

Web Animations

Using Web Animations

Web animations are a great way to add eye-catching visual content to your webpages.
You can take any object in your web document and quickly create an animated response
to an event like a mouse-over, a mouse-click or a screen touch. For example the items
can fade in when first displayed, can have a wobble animation as you mouse-over it, and
a different animation again when you click the item. You can also trigger pop-up layers
or pop-up text and you can have objects reveal themselves as you scroll down a page.

To animate an object, simply right-click on it and choose WEB ANIMATION from the drop
down menu, or go to "UTILITIES" > "WEB ANIMATION" .

Or click on the WEB ANIMATION button on the WEBSITE PROPERTIES flyout bar.

This will bring up the WEB ANIMATION dialog...

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