Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

setting properties without animating

Recommended Posts

Is setting animation time to 0 the (efficient) way of setting properties in gsap?

I mean for instance, setting the timeline progress to 0.5 immediately when the html has been loaded:


TweenLite.to(tl, 0, {progress:0.5});



Link to comment
Share on other sites

It should be as simple as:



  • Like 1
Link to comment
Share on other sites

Ok yeah of course :)

But how about css properties. Would It be right to use a tween with 0 duration for setting for instance "left" and "opacity"?

Link to comment
Share on other sites

Sure, you could use set() (it's just a shortcut to create a to() tween with duration 0) to change any property e.g.

TweenLite.set(target, { css: { left: 50, opacity: 0.6 } });


It's obviously not going to be quite as fast as a pure javascript style update (not sure how it compares to jQuery .css(), although I'd bet they're on par), but it's convenient and familiar, gives you all the juicy CSSPlugin support, and is still blazing fast regardless.

  • Like 2
Link to comment
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
  • Recently Browsing   0 members

    • No registered users viewing this page.