Jump to content

Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  

absolute/relative positioning problem with Edge Animate

Recommended Posts


I'm very new to js so apologies if this is something obvious, but i'm having some trouble with TweenMax in edge animate. I figure there's always lots going on behind the scenes using these wysiwyg programs so that could be the problem, anyway...


I've got 3 buttons that i'm tweening like this:



TweenMax.to(sym.$("btn_about")   ,.5, {left:"80%",delay:.1,ease:Quart.easeOut});
TweenMax.to(sym.$("btn_map")     ,.5, {left:"80%",delay:.2,ease:Quart.easeOut});
TweenMax.to(sym.$("btn_gallery") ,.5, {left:"80%",delay:.3,ease:Quart.easeOut});
All three of these buttons are identical symbols apart from the text inside -
"btn_map" moves to 80% (which is what i'm after) but "btn_about" and "btn_gallery" add 80% to the current left property. Has anyone encountered this before?


Link to post
Share on other sites

fixed it!

There were some initial keyframes on about and gallery which i've deleted, i guess if html5 has it's hooks in it it's forced in to 'relative mode' or something.

  • Like 1
Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.