Jump to content


setting properties without animating

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

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.