Jump to content

immediateRender demystified

| GreenSock

The immediateRender property of from() and fromTo() tweens is one of those things you only find out about when it gives you unexpected results. from() and fromTo() tweens are special as they set immediateRender to true as soon as they are created. This helps especially when creating staggered builds where you don't want elements to appear until scheduled. The one case where it is important to change the default behavior is when you have multiple from()/fromTo() tweens on the same property of the same object. The video below explains in detail.

Want more great tips and tricks like this? The Creative Coding Club is the world's most comprehensive source of GreenSock training. Learn the tips and tricks the pros use to make their animations shine. Join Today.


the default of immediateRender: true however can cause problems when creating multiple from() tweens on the same properties of the same element.

Notice in the demo below that you don't see green animate a second time.

  • Like 1

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

Join the Club

Cook up some delightful animation today with a generous dose of GSAP.

- Team GreenSock

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