Creative Suite Resource for Designers
Connect With Me
Where everyone learns Photoshop - National Association of Photoshop Professionals

Adobe Edge Animated Panels Sample


SAMPLE PREVIEW AND DOWNLOAD NOW UPDATED FOR THE LATEST VERSION OF EDGE ANIMATE

The following example employs a mixture of:

  • Timeline Transitions;
  • Action Triggers;
  • Labels;
  • 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.

Preview sample file here.

Have fun.

Animation using Timeline Labels

A demonstration of a timeline animation triggered to label positions.

 

Share and Enjoy