1. Select how the animation will be triggered.




  2. Type in the name of the STYLE that will make the Animation start. Depending on the object you want to use will depend on which Character/Paragraph/Graphic style name will work. Use the appropriate name for the appropriate object type.

    In the example, the text "Hover Over Me" is assigned a Character style named "startMarathonHover"

    .startMarathonHover

    ** This uses standard CSS selectors, so each word IS case SenNsiTiVe and preceded by a full stop "." for the class name and can have multiple entries delimited by a comma ","







  3. Select how the mouse pointer will change (or not)




  4. Select which items will be animated by using the STYLE name of the item. Depending on the object you want to use will depend on which Character/Paragraph/Graphic style name will work. Use the appropriate name for the appropriate object type.

    In the example, the 2 graphics are both assigned a Graphic style named "marathon"

    .marathon

    ** This uses standard CSS selectors, so each word IS case SenNsiTiVe and preceded by a full stop "." for the class name and can have multiple entries delimited by a comma ","