Jump to content

immediateRender demystified

| GreenSock

Note: This page was created for GSAP version 2. We have since released GSAP 3 with many improvements. While it is backward compatible with most GSAP 2 features, some parts may need to be updated to work properly. Please see the GSAP 3 release notes for details.

The immediateRender property of from()-based tweens is one of those things you only find out about when it gives you unexpected results. The one case where it is important to change the default behavior is when you have multiple from()-based* tweens on the same property of the same object. The video below explains in detail.

In the demo below set var immediateRender:true to see the difference.

See the Pen immediateRender by GreenSock (@GreenSock) on CodePen.

*from()-based tweens includes: from(), fromTo(), staggerFrom() and staggerFromTo() in TweenLite, TweenMax, TimelineLite and TimelineMax. The default value for immediateRender is true.

Get an all-access pass to premium plugins, offers, and more!

Join the Club

User Feedback

Recommended Comments

There are no comments to display.

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