Jump to content

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

immediateRender demystified
Sign in to follow this  

| 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

With great power comes great responsibility. Tween wisely.

- Team GreenSock
Sign in to follow this  

User Feedback

Recommended Comments

There are no comments to display.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Add a comment...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.