The following example employs a mixture of:
- Timeline Transitions;
- Action Triggers;
- Element event Action handlers ( mouseover, mouseout and click );
- and some Element property and transition manipulations through direct .css and jquery;
Download the sample source files. [download id=”12″]
The basic premise is to have some artwork and text elements initiate each panel entry, using some Timeline transitions. Click the respective panel button to expand and push the initial graphic upward. Click an alternate panel button to repeat the animation for that section.
A demonstration of a timeline animation triggered to label positions.